発生した事象
webpackにeslintの設定を行って、yarn run webpack
を実行したら下記のエラーが出る。
$ yarn run webpack
yarn run v1.22.17
$ .../node_modules/.bin/webpack
asset main.js 1.8 KiB [compared for emit] (name: main)
./src/index.js 39 bytes [built] [code generated] [1 error]
ERROR in ./src/index.js
Module build failed (from ./node_modules/eslint-loader/dist/cjs.js):
TypeError: Cannot read property 'getFormatter' of undefined
at getFormatter (.../node_modules/eslint-loader/dist/getOptions.js:52:20)
at getOptions (.../node_modules/eslint-loader/dist/getOptions.js:30:23)
at Object.loader (.../node_modules/eslint-loader/dist/index.js:17:43)
webpack 5.64.0 compiled with 1 error in 668 ms
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
行ったこと
パッケージのインストール
yarn add eslint eslint-loader babel-eslint --dev
eslintrc.jsonの追加
{
"env": {
"browser": true,
"es2021": true
},
"parserOptions": {
"ecmaVersion": 13,
"sourceType": "module"
},
"rules": {
}
}
webpack.config.jsの編集
module.exports = {
mode: 'development',
devtool: 'inline-source-map',
output: {
filename:'main.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
enforce: 'pre',
test: /\.js$/,
exclude: /node_modules/,
loader: 'eslint-loader',
},
{
test: /\.scss$/,
use: [
// 'style-loader',
'css-loader',
'postcss-loader',
'sass-loader',
]
}
]
}
}
解決法
まだわかってない...
こちらもおススメ