Not compatible with babel.config.js

[gnuletik]

Hi, thanks for your plugin !

This module is not compatible with babel.config.js file because find-babel-config does not.
See tleunen/find-babel-config#31

Thanks !

[HeroProtagonist]

@gnuletik Thanks for the feedback. I am going to look at making a PR to that repo. Do you have an example project using babel.config.js

[gnuletik]

Thanks for your time :)

Here is an example babel.config.js file

module.exports = function () {
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      ['module-resolver', {
        alias: {
          '~components': './src/components',
          '~utils': './src/utils',
        },
        cwd: 'packagejson',
      }],
    ],
  };
};

[HeroProtagonist]

@gnuletik I have opened a PR to find-babel-config. This should fix the issue.

Until it gets reviewed/merged I am going to do work on config-support branch for this package and reference my fork.

When you have time please let me know if that branch works with your project using the babel.config.js

[gnuletik]

Thanks !

How can I test locally ?
If I install the package from your branch

yarn add --dev 'HeroProtagonist/eslint-plugin-module-resolver#config-support

eslint does not find the plugin

ESLint: 5.9.0.
ESLint couldn't find the plugin "eslint-plugin-module-resolver". This can happen for a couple different reasons:
...

This also occurs when using the master branch

[gnuletik]

Okay, I succeed to install the plugin from the github branch with

cd node_modules/eslint-plugin-module-resolver/
yarn install
yarn run babel lib --out-dir dist

I tested the plugin, however, find-babel-config throws an error because the api parameter is missing when calling the babel.config.js function.
Sorry, I didn't include the api parameter from babel.config.js in my previous comment.

If I disable the cache, babel throws an error and eslint-plugin-import does not work anymore.

babel.config.js

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      ['module-resolver', {
        alias: {
          '~components': './src/components',
          '~utils': './src/utils',
        },
        cwd: 'packagejson',
      }],
    ],
  };
};

.eslintrc.json

{
    "env": {
        "node": true,
        "browser": true,
        "es6": true
    },
    "parser": "babel-eslint",
    "extends": "airbnb",
    "rules": {
        "react/jsx-filename-extension": [1, { "extensions": [".js"] }],
        "module-resolver/use-alias": 2
    },
    "settings": {
        "import/resolver": {
            "babel-module": {}
        }
    },
    "plugins": [
        "module-resolver"
    ]
}

[DEfusion]

I'm still getting this error with these versions:

eslint-plugin-module-resolver@^0.10.0:
  version "0.10.0"

find-babel-config@^1.1.0, find-babel-config@^1.2.0:
  version "1.2.0"

[HeroProtagonist]

@DEfusion Hi! Could you share the repository (if public) or config files that represent the problem. Will make it easier to debug. Thanks

[nucab]

for still looking the solution. setting the preset only in production env fix my issue

{
  ...
  env: {
    production: {
      presets: ['react-app'],
    },
  },
}

[HeroProtagonist]

@gnuletik - I am wondering if the latest version has fixed this and this issue can be closed

[gnuletik]

@HeroProtagonist Thanks for the feedback ! I'm not using this lib anymore so I cannot test it right now.

[ryanjwessel]

I am trying version 1.2.0, but I can't seem to get the linter to warn when using any relative paths. My project is using a babel.config.js file, but it also wouldn't work with a .babelrc.json for what it's worth.

[ease-space]

@HeroProtagonist I am trying version 1.3.0 not worked with babel.config.js

[HeroProtagonist]

Was it working in 1.2.0 for you?

[ease-space]

@HeroProtagonist No, v1.2.0 not worked