Eslint ES6 में विस्तार

Question

मैं कोशिश कर रहा हूँ बिना jsx आयात करने errorring,, .jsx विस्तार की आवश्यकता के बिना jsx फ़ाइलें आयात करने:

import LoginErrorDialog from './LoginErrorDialogView'; 

नहीं

:

import LoginErrorDialog from './LoginErrorDialogView.jsx'; 

मैं webpack मिल गया है जबकि आयात करने के लिए इस फैशन सफलतापूर्वक में:

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 में अतिरिक्त कॉन्फ़िगरेशन जोड़ने को तय किया।

का विस्तार संपत्ति जोड़ें:

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

आपका .eslint समान होगा:

"plugin:import/react" 

संपत्ति जोड़ने की स्थापना

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