2017-02-16 19 views
6

Ben çalışıyorum olmadan JSX ithal errorring başarıyla bu şekilde:Eslint .jsx uzantısı olmaksızın JSX dosyalarını içe ES6 içinde, uzatma

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) hala errorring edilir.

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

Herhangi bir fikir?

+1

Bunun bir webpack hatası değil inanıyoruz ki eslint şey söyler 'LoginView' yolunu bulamazsınız. Https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unresolved.md adresine bakın. – redconservatory

+0

@redconservatory Katılıyorum, sorun şu ki eslint'i tanımamama jsx dosyaları ve sonuç olarak satırı görmezden gelmek zorundayım. ESX dosyasında true olarak ayarlanmış JSX var, ancak yine de dosyaları tanıyabiliyor. – gazzwi86

+0

Dünya çapında kurulu bir sisteme sahipseniz, global olarak 'jsx: true' için çalışmak için 'eslint-plugin-react' '(WTF !?) yüklemeniz gerekir. Kişisel bir proje ise, bunun yerine JS Standard'ı yüklemenizi öneririm. Eğer bir çalışma projesiyse, global düğüm modülleri kullanmaz ve 'eslint 've' eslint-plugin-react '' i sadece projenize yerel olarak yüklerim. Eğer 'Sublime' veya 'Atom' gibi bir editör kullanıyorsanız Yerel tiftik ayarlarına dalmak gerekiyor ... – redconservatory

cevap

4

Burada aynı sorunu yaşadım ve .eslint öğesinde fazladan yapılandırma ekledim.

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

Kişisel .eslint benzer olacaktır:

"plugin:import/react" 

Mülkiyet eklemek ayarlanması:

Mülkiyet eklemek Uzattı

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