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)는 여전히 오류가 발생합니다.

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

어떤 아이디어가?

Answer 1

여기에도 같은 문제가 있으며, .eslint에 추가 구성을 추가하는 문제가 수정되었습니다.

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

귀하의 .eslint이 유사합니다 :

"plugin:import/react" 

부동산의 추가 설정 :

부동산의 추가 확장

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