プロジェクトを tslint から eslint に再構成しています。eslint を手動で実行できますが、webpack は次のエラー メッセージで実行できません。
Module build failed (from /path/node_modules/eslint-loader/index.js):
Error: Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint'
./node_modules/eslint/bin/eslint.js ./ --ext .ts,.tsx --config ./.eslintrc.js を手動で実行すると機能するため、不適切な .eslintrc.js と依存関係の欠落を除外しました。
これが eslint-loader のアップストリームの問題かどうかはわかりません。
module.exports = {
parser: "@typescript-eslint/parser",
plugins: ["@typescript-eslint"],
extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react/recommended", "plugin:jest/recommended", "prettier", "prettier/@typescript-eslint"],
rules: {
"react/prop-types": false
},
parserOptions: {
ecmaVersion: 6,
project: "./tsconfig.json",
sourceType: "module"
},
settings: {
react: {
version: "detect"
},
linkComponents: [
{"name": "Link", "linkAttribute": "href"}
]
},
env: {
browser: true
}
};
私のpackage.json
{
"dependencies": {
"@emotion/core": "10.0.6",
"facepaint": "1.2.1",
"react": "16.7.0",
"react-dom": "16.7.0",
"react-redux": "6.0.0",
"redux": "4.0.1",
"tslib": "1.9.3"
},
"devDependencies": {
"@types/node": "10.12.21",
"@types/react": "16.8.1",
"@types/react-dom": "16.0.11",
"@types/react-redux": "7.0.1",
"@typescript-eslint/eslint-plugin": "1.2.0",
"eslint": "5.13.0",
"eslint-config-prettier": "4.0.0",
"eslint-plugin-jest": "22.2.2",
"eslint-plugin-react": "7.12.4",
"tsconfig-paths-webpack-plugin": "3.2.0",
"typescript": "3.2.1"
}
}