Eslint-plugin-import: Cannot find module '.../node_modules/react-phone-number-input/webpack.config.dev.js'

Created on 22 Mar 2017  路  2Comments  路  Source: benmosher/eslint-plugin-import

Hi,

I've been struggling to use this, and when I thought I'd finally solved all my problems, I stumbled on this error at launch:

Cannot find module '/Users/alice/dev/project/node_modules/react-phone-number-input/webpack.config.dev.js'
Error: Cannot find module '/Users/alice/dev/project/node_modules/react-phone-number-input/webpack.config.dev.js'
    at Function.Module._resolveFilename (module.js:470:15)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.exports.resolve (/Users/alice/dev/project/node_modules/eslint-import-resolver-webpack/index.js:68:25)
    at v2 (/Users/alice/dev/project/node_modules/eslint-module-utils/resolve.js:79:23)
    at withResolver (/Users/alice/dev/project/node_modules/eslint-module-utils/resolve.js:84:16)
    at fullResolve (/Users/alice/dev/project/node_modules/eslint-module-utils/resolve.js:101:22)
    at Function.relative (/Users/alice/dev/project/node_modules/eslint-module-utils/resolve.js:46:10)
    at remotePath (/Users/alice/dev/project/node_modules/eslint-plugin-import/lib/ExportMap.js:365:30)
    at resolveImport (/Users/alice/dev/project/node_modules/eslint-plugin-import/lib/ExportMap.js:369:16)
    at Object.getImport (/Users/alice/dev/project/node_modules/eslint-plugin-import/lib/ExportMap.js:462:68)
    at ExportMap.get (/Users/alice/dev/project/node_modules/eslint-plugin-import/lib/ExportMap.js:144:34)
    at processBodyStatement (/Users/alice/dev/project/node_modules/eslint-plugin-import/lib/rules/namespace.js:77:40)
    at Array.forEach (native)
    at EventEmitter.Program (/Users/alice/dev/project/node_modules/eslint-plugin-import/lib/rules/namespace.js:87:14)

Here's the "react-phone-number-input"'s github
Here's my config:


click to see package.json:

```
{
...
"dependencies": {
"axios": "0.15.3",
"babel-preset-es2015": "^6.18.0",
"classnames": "2.2.5",
"flag-icon-css": "2.8.0",
"flexboxgrid": "6.3.1",
"input-format": "0.1.3",
"node-sass": "^4.1.1",
"object-assign": "4.1.0",
"react": "^15.4.1",
"react-dom": "^15.4.1",
"react-facebook-login": "3.4.3",
"react-flexbox-grid": "0.10.2",
"react-google-login": "2.6.1",
"react-phone-number-input": "0.8.0",
"react-redux": "4.4.5",
"react-router": "2.8.1",
"react-router-redux": "4.0.6",
"redux": "3.6.0",
"redux-logger": "2.8.1",
"redux-multi": "0.1.12",
"redux-promise-middleware": "4.2.0",
"redux-thunk": "2.1.0",
"sass-loader": "^4.1.1"
},
"devDependencies": {
"autoprefixer": "6.5.1",
"babel-cli": "6.16.0",
"babel-core": "6.17.0",
"babel-eslint": "7.0.0",
"babel-loader": "6.2.5",
"babel-plugin-react-display-name": "2.0.0",
"babel-plugin-react-intl": "2.2.0",
"babel-plugin-transform-react-constant-elements": "6.9.1",
"babel-plugin-transform-react-remove-prop-types": "0.2.10",
"babel-preset-latest": "6.16.0",
"babel-preset-react": "6.16.0",
"babel-preset-react-hmre": "1.1.1",
"babel-preset-stage-1": "6.16.0",
"babel-register": "6.16.3",
"browser-sync": "2.17.5",
"chai": "3.5.0",
"chalk": "1.1.3",
"connect-history-api-fallback": "1.3.0",
"coveralls": "2.11.14",
"cross-env": "3.1.3",
"css-loader": "0.25.0",
"enzyme": "2.5.1",
"eslint": "3.18.0",
"eslint-import-resolver-webpack": "0.8.1",
"eslint-plugin-babel": "4.1.1",
"eslint-plugin-import": "2.0.1",
"eslint-plugin-jsx-a11y": "2.2.3",
"eslint-plugin-react": "6.4.1",
"eslint-watch": "2.1.14",
"extract-text-webpack-plugin": "2.1.0",
"file-loader": "0.9.0",
"html-webpack-plugin": "2.24.0",
"intl": "1.2.5",
"isparta": "4.0.0",
"istanbul": "0.4.4",
"jsdom": "8.5.0",
"json-loader": "0.5.4",
"material-ui": "0.16.6",
"mocha": "3.1.2",
"mockdate": "1.0.4",
"node-sass": "3.10.1",
"npm-run-all": "3.1.1",
"open": "0.0.5",
"postcss-loader": "1.0.0",
"prompt": "1.0.0",
"react": "^15.4.1",
"react-addons-test-utils": "15.3.2",
"react-dom": "^15.4.1",
"react-intl": "2.1.5",
"react-tap-event-plugin": "2.0.1",
"redux-immutable-state-invariant": "1.2.4",
"replace": "0.3.0",
"rimraf": "2.5.4",
"sass-loader": "4.0.2",
"sinon": "1.17.6",
"sinon-as-promised": "4.0.2",
"sinon-chai": "2.8.0",
"style-loader": "0.13.1",
"url-loader": "0.5.7",
"webpack": "2.2.1",
"webpack-bundle-analyzer": "1.5.3",
"webpack-dev-middleware": "1.8.4",
"webpack-hot-middleware": "2.13.0",
"webpack-md5-hash": "0.0.5"
},
...
}

</details>

<details>
<summary>click to see **eslintrc:**</summary>

{
"root": true,
"extends": [
"eslint:recommended",
"plugin:import/errors",
"plugin:import/warnings"
],
"plugins": [
"babel",
"react",
],
"settings": {
"import/resolver": {
"webpack": {
"config": "./webpack.config.dev.js"
}
}
},
"parser": "babel-eslint",
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true,
"experimentalObjectRestSpread": true
}
},
"env": {
"es6": true,
"browser": true,
"node": true,
"jquery": true,
"mocha": true,
"commonjs": true
},
...
}

</details>

<details>
<summary>click to see **webpack.config.dev.js:**</summary>

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const autoprefixer = require('autoprefixer');
const path = require('path');

module.exports = {
resolve: {
extensions: ['.js', '.jsx', '.json'],
modules: [
path.join(__dirname,'src'),
'node_modules',
],
},
...
};

</details>

these files are all at the root folder of my project.

I'm completely lost here, I can't find out why this is happening, since eslint is supposed to get the webpack config file where my package.json is...

If anyone knows what's going on, I'd be extremely grateful to get to the end of this! :)

Here's what I get when I try to debug (error at the end) :
<details>
<summary>click to see **DEBUG=eslint-plugin-import:* $(npm bin)/eslint src/index.js**</summary>

eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +3ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +534ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +4ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +19ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +1ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +10ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +22ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +1ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +2ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +41ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +1ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +2ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +88ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +1ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +15ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +1ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +24ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +46ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +1ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +34ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +27ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +1ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +329ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +0ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +1ms
eslint-plugin-import:resolver:webpack Config path from settings: ./webpack.config.dev.js +3ms
eslint-plugin-import:resolver:webpack Config path resolved to: /Users/alice/dev/project/webpack.config.dev.js +1ms
eslint-plugin-import:resolver:webpack Using config: { resolve:
{ extensions: [ '.js', '.jsx', '.json' ],
modules: [ '/Users/alice/dev/project/src', 'node_modules' ] },
devtool: 'cheap-module-source-map',
entry:
[ './src/webpack-public-path',
'webpack-hot-middleware/client?reload=true',
'/Users/alice/dev/project/src/index.js' ],
target: 'web',
output:
{ path: '/Users/alice/dev/project/dist',
publicPath: '/',
filename: 'bundle.js' },
plugins:
[ DefinePlugin { definitions: [Object] },
DefinePlugin { definitions: [Object] },
HotModuleReplacementPlugin { multiStep: undefined, fullBuildTimeout: 200 },
NoEmitOnErrorsPlugin {},
HtmlWebpackPlugin { options: [Object] } ],
module:
{ rules:
[ [Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object],
[Object] ] } } +0ms
eslint-plugin-import:resolver:webpack enhanced-resolve version: 3.1.0 +8ms
eslint-plugin-import:resolver:webpack Error during module resolution: { Error: Can't resolve './styles/styles' in '/Users/alice/dev/project/src'
at onResolved (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:66:16)
at loggingCallbackWrapper (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at afterInnerCallback (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:138:10)
at loggingCallbackWrapper (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at Resolver.applyPluginsAsyncSeriesBailResult1 (/Users/alice/dev/project/node_modules/webpack/node_modules/tapable/lib/Tapable.js:181:46)
at innerCallback (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:125:19)
at loggingCallbackWrapper (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at /Users/alice/dev/project/node_modules/webpack/node_modules/tapable/lib/Tapable.js:283:15
at /Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:38:4
at loggingCallbackWrapper (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at afterInnerCallback (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:138:10)
at loggingCallbackWrapper (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at Resolver.applyPluginsAsyncSeriesBailResult1 (/Users/alice/dev/project/node_modules/webpack/node_modules/tapable/lib/Tapable.js:181:46)
at innerCallback (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:125:19)
at loggingCallbackWrapper (/Users/alice/dev/project/node_modules/webpack/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at /Users/alice/dev/project/node_modules/webpack/node_modules/tapable/lib/Tapable.js:283:15
details: 'resolve \'./styles/styles\' in \'/Users/alice/dev/project/src\'\n using description file: /Users/alice/dev/project/package.json (relative path: ./src)\n Field \'browser\' doesn\'t contain a valid alias configuration\n after using description file: /Users/alice/dev/project/package.json (relative path: ./src)\n using description file: /Users/alice/dev/project/package.json (relative path: ./src/styles/styles)\n no extension\n Field \'browser\' doesn\'t contain a valid alias configuration\n /Users/alice/dev/project/src/styles/styles doesn\'t exist\n .js\n Field \'browser\' doesn\'t contain a valid alias configuration\n /Users/alice/dev/project/src/styles/styles.js doesn\'t exist\n .jsx\n Field \'browser\' doesn\'t contain a valid alias configuration\n /Users/alice/dev/project/src/styles/styles.jsx doesn\'t exist\n .json\n Field \'browser\' doesn\'t contain a valid alias configuration\n /Users/alice/dev/project/src/styles/styles.json doesn\'t exist\n as directory\n /Users/alice/dev/project/src/styles/styles doesn\'t exist',
missing:
[ '/Users/alice/dev/project/src/styles/styles',
'/Users/alice/dev/project/src/styles/styles.js',
'/Users/alice/dev/project/src/styles/styles.jsx',
'/Users/alice/dev/project/src/styles/styles.json',
'/Users/alice/dev/project/src/styles/styles' ] } +2ms
```

If I uninstall the react-phone-number-input package, eslint works as expected and gives me my usual no-console warnings.

Most helpful comment

SOLVED! finally ^^

I changed my json .eslintrc into an ES5 .eslintrc.js, and changed the name of the webpack config file into path.resolve(__dirname,"webpack.config.dev.js").


click to see the file

const path = require('path');

module.exports = {
  "root": true,
  "extends": [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "plugins": [
    "babel",
    "react",
  ],
  "settings": {
    "import/resolver": {
      "webpack": {
        "config": path.resolve(__dirname,"webpack.config.dev.js")
      }
    }
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jquery": true,
    "mocha": true,
    "commonjs": true
  },
 ...
};

All 2 comments

SOLVED! finally ^^

I changed my json .eslintrc into an ES5 .eslintrc.js, and changed the name of the webpack config file into path.resolve(__dirname,"webpack.config.dev.js").


click to see the file

const path = require('path');

module.exports = {
  "root": true,
  "extends": [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "plugins": [
    "babel",
    "react",
  ],
  "settings": {
    "import/resolver": {
      "webpack": {
        "config": path.resolve(__dirname,"webpack.config.dev.js")
      }
    }
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jquery": true,
    "mocha": true,
    "commonjs": true
  },
 ...
};

Although using a js to manually resolve the file path works, this is still an issue in eslint-plugin-import as pointed out here: https://github.com/benmosher/eslint-plugin-import/issues/666

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kirill-konshin picture kirill-konshin  路  22Comments

JustFly1984 picture JustFly1984  路  41Comments

ThomasdenH picture ThomasdenH  路  31Comments

mieszko4 picture mieszko4  路  25Comments

yenbekbay picture yenbekbay  路  44Comments