React(TypeScript)を使った開発をしています。
現状で以下エラーが表示されており、解消できていないため、ご質問させていただいた次第でございます。
Failed to compile Module not found: Can't resolve 'react-router-dom' in ~
上記エラー内容より、react-router-dom が正しくインストールされていないことに依るもの、と考え、
(済みの自己認識だったのですが、、再度)以下を実行すると、
npm install --save @types/react-router-dom
以下(当該箇所全文)が帰ってきました。
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename ~\node_modules\webpack-dev-server\node_modules\fsevents' -> ~\node_modules\webpack-dev-server\node_modules.fsevents.DELETE' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) + @types/react-router-dom@5.1.6 added 1 package from 1 contributor, updated 1 package and audited 2011 packages in 10.634s 117 packages are looking for funding run `npm fund` for details found 0 vulnerabilities
ERROR無く完了しましたため、再度ページ更新してみたのですが、上記から変わらず、でした。。
("fsevents"というライブラリ?に関する)WARN内容についても、package.json、package-lock.jsonに含まれておらず、このWARNが発生した理由も正しく認識できておりません。
(そもそもWARNは全て無視でよい旨のサイト記事なども散見され。。)
この場合、次に確認すべきことはどのようなことなのでしょうか?
ざっくりした質問にて恐縮ですが、ご回答いただけますと幸いでございます。
よろしくお願いいたします。※情報に不足等あれば、その旨ご教示ください。
追記
package.jsonは以下です。
{ "name": "hogehoge", "version": "0.1.0", "private": true, "dependencies": { "@material-ui/core": "^4.11.0", "@material-ui/icons": "^4.9.1", "@testing-library/jest-dom": "^5.11.5", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "@types/jest": "^26.0.15", "@types/node": "^12.19.1", "@types/react": "^16.9.53", "@types/react-dom": "^16.9.8", "@types/react-router-dom": "^5.1.6", "react": "^16.8.0", "react-router-dom": "^5.2.0", ※問題解決後 "react-dom": "^16.8.0", "react-scripts": "4.0.0", "typescript": "^4.0.3", "web-vitals": "^0.2.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }
回答1件
あなたの回答
tips
プレビュー