Я устанавливаю псевдоним Webpack config следующим кодом:
module: {
...
resolve: {
alias: {
utils: path.resolve(__dirname, 'src/utils/'),
'@SharedBlocks': path.resolve(__dirname, 'src/application/shared-blocks'),
},
extensions: ['.js', '.json', '.jsx', '.scss'],
},
...
Затем я нахожу ошибку ESLint
в WebStorm, как показано ниже:
Определенно, ESLint не может разрешить '@SharedBlocks/explorer'
, поэтому я добавляю файл import/resolver
в .eslint.js
для его настройки:
settings: {
"import/resolver": {
webpack: {
config: "webpack.template.js",
}
}
},
Теперь все работает хорошо во всех редакторах, напримерVSCode
и т. Д. но только в WebStorm Я вижу ниже:
Это такстранно, потому что даже выполнение команды eslint .
не возвращает ошибку правил ESLint, но ПРОСТО в WebStorm я вижу красное подчеркивание для import
также работает хорошо, но показывает красное подчеркивание для import
.Это так странно, что VSCode не имеет никаких проблем и работает хорошо
Как я могу это исправить?