deprecated-with-module-resolver icon indicating copy to clipboard operation
deprecated-with-module-resolver copied to clipboard

Conflict with alias

Open thanhdevapp opened this issue 2 years ago • 2 comments

I have alias, add your code, alias not working

alias: { '@app/': './app/', '@app/icons': './app/assets/icons', '@app/images': './app/assets/images', '@app/theme': './app/theme', '@app/components': './app/components', '@app/components/': './app/components/', '@app/models': './app/models', '@app/navigation': './app/navigation', '@app/config': './app/config', '@app/context': './app/context', '@app/graphql': './app/graphql', '@app/constants': './app/constants', '@app/layout': './app/layout', '@app/screens': './app/screens', '@app/services': './app/services', '@app/types': './app/types', '@app/utils': './app/utils', '@app/use-hooks': './app/use-hooks', '@app/use-hooks/': './app/use-hooks/', '@app/assets': './app/assets', "test": "./test", "underscore": "lodash", '@app/lib': './app/lib', '@app/lib/': './app/lib/', }

thanhdevapp avatar Jul 16 '22 10:07 thanhdevapp

you could read babel-plugin-module-resolver docs. Probably the example below would suffice for the alias?

module.exports = {
  plugins: [
    ["module-resolver", {
   alias: {
'@app/': './app/',
'@app/icons': './app/assets/icons',
'@app/images': './app/assets/images',
'@app/theme': './app/theme',
'@app/components': './app/components',
'@app/components/': './app/components/',
'@app/models': './app/models',
'@app/navigation': './app/navigation',
'@app/config': './app/config',
'@app/context': './app/context',
'@app/graphql': './app/graphql',
'@app/constants': './app/constants',
'@app/layout': './app/layout',
'@app/screens': './app/screens',
'@app/services': './app/services',
'@app/types': './app/types',
'@app/utils': './app/utils',
'@app/use-hooks': './app/use-hooks',
'@app/use-hooks/': './app/use-hooks/',
'@app/assets': './app/assets',
"test": "./test",
"underscore": "lodash",
'@app/lib': './app/lib',
'@app/lib/': './app/lib/',
},
      resolvePath(sourcePath, currentFile, opts) {

      if(opts.alias.hasOwnProperty(sourcePath)){
       return opts.alias[sourcePath];
       }
        return undefined;
      }
    }]
  ]
}

psycheangel avatar Jul 16 '22 12:07 psycheangel

instead of returning undefined you could return this:

  let resolve = require('babel-plugin-module-resolver').resolvePath(sourcePath, currentFile, opt);

 return resolve;

This resolve the issue with aliases

noe4400 avatar Aug 28 '24 14:08 noe4400