Eslintは.jsxの拡張を必要とせずにJSXファイルをインポートするには、ES6で、拡張子

Question

私がしようとしていますなしJSXインポートerrorringこの方法で成功した：

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は）まだerrorringされます。

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

任意のアイデア？

Answer 1

私は同じ問題を抱えていました。私は.eslintに余分な設定を追加することを修正しました。

は、プロパティが追加拡張：

追加プロパティの設定

"plugin:import/react" 

：

"import/resolver": { 
    "node": { 
    "extensions": [".js",".jsx"] 
    } 
} 

をご.eslintはようになります。

{ 
    "extends": [ 
     ... 
     "plugin:import/react", 
     ... 
    ], 
    ... 
    "settings": { 
     "import/resolver": { 
      "node": { 
      "extensions": [".js",".jsx"] 
      } 
     } 
    }, 
... 
}