私のReactアプリはエラーのためにコンパイルに失敗していません:ルール '@ TypeScript-eslint/consistent-type-assertions'の定義が見つかりませんでした
ちょっと困ってます。プロジェクトで現在のルール定義を見つけることができません。プロジェクトは当初コンパイルされていました。アプリを再構築した後、エラーが発生しました。
アプリがエラーでコンパイルに失敗する:ルール '@ TypeScript-eslint/consistent-type-assertions'の定義が見つかりませんでした
packge.json-
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"@types/react-dom": "16.9.0",
"react": "^16.9.0",
"react-dom": "^16.9.0",
"react-router-dom": "^5.0.1",
"react-scripts": "3.1.1",
"styled-components": "^4.3.2",
"TypeScript": "^3.5.3"
},
"scripts": {
"start": "PORT=3005 react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --transformIgnorePatterns",
"e2e": "./node_modules/.bin/cypress open"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@testing-library/dom": "^6.1.0",
"@testing-library/jest-dom": "^4.0.1",
"@testing-library/react": "^9.1.3",
"@types/jest": "^24.0.18",
"@types/lodash": "^4.14.137",
"@types/node": "^12.7.2",
"@types/react": "^16.9.2",
"@types/react-router-dom": "^4.3.4",
"@types/styled-components": "^4.1.18",
"babel-jest": "^24.9.0",
"cypress": "^3.4.1"
}
}
これに遭遇したとき、私はcreate-react-app my-app --TypeScript
を使用して新しいアプリを作成し、次に、完了したばかりの別のプロジェクトから依存関係をコピーしました。いろいろと調べたところ、react-scripts
がバージョン3.1.1
であることがわかりました。ついにこれを再び実行すると、動作しているpackage.json
が3.1.2
でこのようになりました。犯人。動作するpackage.json
は次のようになります。
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@types/jest": "24.0.18",
"@types/node": "12.7.5",
"@types/react": "16.9.2",
"@types/react-dom": "16.9.0",
"node-sass": "^4.12.0",
"react": "^16.9.0",
"react-dom": "^16.9.0",
"react-scripts": "3.1.2",
"TypeScript": "3.6.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
エラーを解消しようとするのは困難でした。VisualStudioには、VSCompiler.exe
と他のサービスがハングアップしたままのバージョンのファイルのみを使用してハングアップするという悪質なバグがあります。これらを再起動するまで何もしなくても機能します。これを参照してください answer 解決方法のヒントについては、Angularでも同じですが、同じです原則が適用されます。
更新するだけreact-scripts
バージョン3.1.2へ。アンインストールして再インストールすることで解決しました。コマンドラインで:
アンインストール:
npm uninstall react-scripts
そして再度インストールします:
npm i react-scripts
解決策を見つけました。 1)node_modulesを削除します2)React-scriptsのPackage.Json行を次のように更新します: "" react-scripts ":" 3.1.2 "" 3)npm iを実行します
これはうまくいくはずです
yarn add -D @TypeScript-eslint/eslint-plugin@latest
または正確にはyarn add -D @TypeScript-eslint/eslint-plugin@^2
プラグインが@TypeScript-eslint/eslint-plugin@^1
にあったため、問題が発生しました。
クローンしたcreate-react-app gitリポジトリでこの正確なエラーを発見しました。ランニング npm install
に続く npm start
から同じエラーメッセージが表示されました。
その後、私は作成者がnpmではなく糸を使用していたことに気付きました。だから私はリポジトリを削除し、それを再クローニングして実行しましたyarn install
に続く yarn start
。エラーは解消されました。
したがって、これはnpmと糸の問題になる可能性があります。特に、create-react-appは デフォルトはyarn を以前にインストールしている場合は、 npmを使い続けると問題が発生する可能性があるのはどれですか。これは独自のアプリであるため、これは別の状況ですが、関連している可能性があります。
確かに、私は別のエラーに直接遭遇しましたが、少なくとも進歩しました...
yarn install
をもう一度実行して問題を解決できました。これがうまくいかない場合は、node_modulesフォルダーを完全に削除して、もう一度yarn install
を実行してみてください。
以前はすべての手順を試しましたが、実際に問題を解決したのは次の手順です。
それが他の誰かの役に立つことを願っています。