eslint webpack resolver не работает

Question

У меня есть некоторые файлы .coffee, которые я настроил для включения веб-пакета.

// inside `webpack.config.js`... 

resolve: { 
    // tell webpack which extensions to auto search when it resolves modules. With this, 
    // you'll be able to do `require('./utils')` instead of `require('./utils.js')` 
    extensions: ['', '.js', '.coffee', '.jsx'], 
    // by default, webpack will search in `web_modules` and `node_modules`. Because we're using 
    // Bower, we want it to look in there too 
    modulesDirectories: ['node_modules', 'bower_components'], 

    alias: { 
    'jquery.ui.widget': 'jquery-ui/ui/widget.js', 
    'jquery-ui/widget': 'jquery-ui/ui/widget.js', 
    'jquery-ui-css': 'jquery-ui/../../themes/base' 
    } 
}, 

Я eslint-import-resolver-webpack установлен в мой проект, и установить его в моем .eslintrc.json файле:

"settings": { 
    "import/parser": "babel-eslint", 
    "import/resolver": { 
     "webpack": { "config": "webpack.config.js" } 
    } 
}, 

По некоторым причинам, хотя, я все еще получаю import/no-unresolved ошибки пылеобразования для линии, как это:

import foo from './my-coffee-file' 

, где в каталоге находится my-coffee-file.coffee.

Любые идеи о том, что происходит не так?

Answer 1

Моя проблема была из-за структуры каталогов моего проекта ...

config 
|__webpack.config.js 
| 
frontend 
|__package.json 
|__all the JS/coffee files 

Так мне нужно явно указывать на файл конфигурации WebPack:

"settings": { 
    "import/resolver": { 
     "webpack": { "config": "../config/webpack.config.js" } 
    } 
} 

../ необходимо потому, что он начинается поиск, где он находит package.json, который для меня живет в каталоге frontend.