no-unresolved error when linting using eslint-import-resolver-webpack

[Yahkob]

I installed eslint-plugin-import/resolver-webpack so I could correctly resolve webpack aliases using eslint.

Before setting up eslint-plugin-import and eslint-import-resolver-webpack I would just get this error due to eslint not being able to resolve an alias I set up in webpack.
Unable to resolve path to module 'src/picture.jpg

Now I get a ton of errors am I doing something wrong? I've googled and looked through issues for the last couple hours but can't figure out what I'm missing.

package.json:

        "eslint": "^3.12.0",
        "eslint-import-resolver-webpack": "~0.8.4",
        "eslint-plugin-import": "^2.9.0",
        "webpack": "3.8.1",

.eslintrc:

    "plugins": [
        "react",
        "import"
    ],
    "settings": {
        "import/resolver": {
            "webpack": {
                "config": "webpack.config.js"
            }
        }
    }

webpack.config.js:

        alias: {
            'src': path.resolve(__dirname, 'src')
        }

[dominictobias]

Are your files using .jsx extension?

[JoeHetfield]

I got same issue, then I fond I put some env-sensitive code in the webpack.config.js that make it exported an empty config object. so the eslint couldn't get any info about alias.
I suggest check the way you export your webpack config object.

[nicolascbarbosa]

@JoeHetfield Can you give an example here, please? there are many people looking for this solution on the web

[JoeHetfield]

@nicolascbarbosa At first, I exported my config like this :

module.exports = (env) => {
  switch (env) {
    case 'production':
      return merge(commonConfig, productionConfig);
    case 'staging':
      return merge(commonConfig, stagingConfig);
    case 'development':
      return merge(commonConfig, developmentConfig);
    default:
      return {};      // <- this is the problem
  }
};

since eslint won't provide any "env" to the webpack.config.js, so the exported config is {}，the “alias” key was not exists, so eslint don't have any knowledge of your custom path resolve plan. so, I changed my code to ：

module.exports = (env) => {
  switch (env) {
    case 'production':
      return merge(commonConfig, productionConfig);
    case 'staging':
      return merge(commonConfig, stagingConfig);
    default:
      return merge(commonConfig, developmentConfig);
  }
};

then, everything gose fine.

[nicolascbarbosa]

@JoeHetfield sensational, thank you very much. I had resolved with https://github.com/martinpetlus/eslint-import-resolver-configurable

[Yahkob]

So I feel really silly but in my case I was pointing to the correct webpack.config I just didn't account for es6 modules in webpack.config.js renaming to webpack.config.babel.js fixed it for me

[aeolusheath]

@nicolascbarbosa not work, could u please list the config of detail bro