eslint不校验pubilc下_Eslint错误导入jsx而没有扩展名

I am trying, in es6, to import jsx files without requiring the .jsx extension:

import LoginErrorDialog from './LoginErrorDialogView';

Not:

import LoginErrorDialog from './LoginErrorDialogView.jsx';

While I have got webpack to import in this fashion successfully:

export default {

entry: './src/ui/js/app.js',

output: {

publicPath: '/',

filename: 'bundle.js'

},

resolve: {

extensions: ['.js', '.jsx'],

Eslint (esw webpack.config.* ./ --color --ext .js --ext .jsx) is still errorring.

Unable to resolve path to module './LoginView' import/no-unresolved

Any ideas?

解决方案

I had the same issue here, and I fixed adding extra configuration in my .eslint.

Extends Property add:

"plugin:import/react"

Setting Property add:

"import/resolver": {

"node": {

"extensions": [".js",".jsx"]

}

}

Your .eslint will be similar:

{

"extends": [

...

"plugin:import/react",

...

],

...

"settings": {

"import/resolver": {

"node": {

"extensions": [".js",".jsx"]

}

}

},

...

}