eslint-import-resolver-webpack not working when use webpack-merge

[blling]

Eslint no errors when use base.config.js, but give a import/no-unresolved error when use pro.config.js

base.config.js

const path = require('path');

module.exports = {
  resolve: {
    modules: ["app", 'node_modules'],
    mainFiles: ['index'],
    alias: {
      containers: path.resolve(__dirname, 'app/containers'),
    },
  },
};

pro.config.js

const merge = require('webpack-merge');
const webpackBaseConfig = require('./base.config');
module.exports = merge(webpackBaseConfig, {});

.eslintrc

"settings": {
    "import/resolver": {
      "webpack": {
        "config": "./scripts/webpack/pro.config.js"
      }
    }
  }

devDependencies:

    "eslint": "4.18.1",
    "eslint-config-airbnb": "16.1.0",
    "eslint-import-resolver-webpack": "0.8.4",
    "eslint-plugin-import": "2.9.0",
    "eslint-plugin-jsx-a11y": "6.0.3",
    "eslint-plugin-prettier": "2.6.0",
    "eslint-plugin-react": "7.7.0",
    "webpack-merge": "4.1.2",

[blling]

Anyone knows what is the solution?

[ljharb]

I have no idea what webpack-merge is, but I'm not sure why you're using it - if you go into a repl and do console.log(require('./pro.config')) what do you get?

[blling]

Here is the introduce of webpack-merge.
I upgrade my IDE to VSCODE 1.21.0, then i do not get this error anymore.
Maybe it is just a IDE problem.