質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Q&A

解決済

1回答

2472閲覧

npm install でライブラリをインストールしてもpackage.jsonに反映されない

strawberrysouth

総合スコア3

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

1グッド

2クリップ

投稿2022/10/13 15:39

npmで新しいバージョンのライブラリをインストールしてもpackage.jsonに反映されず新しいバージョンのライブラリが反映されません

アップデートしたいパッケージ
react-router-dom

5.3.0から6.4.2にアップデートしたい

実施した内容

①npm remove react-router-dom
②npm install react-router-dom@6.4.2

###問題

npm lsの結果では6.4.2になっているのですが、
dependeciesのバージョンが変わらないです。
また、実際にコードも<Routes>が使用できず<Switch>が利用できているので
新しいバージョンのライブラリが反映されていないような気がします。

$ npm ls ├── react-router-dom@6.4.2 └── react@18.2.0

packege.json

1{ 2 "name": "meria-app", 3 "version": "0.1.0", 4 "private": true, 5 "homepage": "./", 6 "dependencies": { 7 "@testing-library/jest-dom": "^5.16.5", 8 "@testing-library/react": "^13.4.0", 9 "@testing-library/user-event": "^13.5.0", 10 "css-select": "^3.1.0", 11 "react": "^18.2.0", 12 "react-dom": "^18.2.0", 13 "react-router-dom": "^5.3.0", 14 "react-scripts": "^5.0.1", 15 "web-vitals": "^2.1.4" 16 },

errorlog

1[eslint] 2src\Top.js 3 Line 143:12: 'Routes' is not defined react/jsx-no-undef 4 5Search for the keywords to learn more about each error.

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

Cocodeを押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

package.json に書き込みたいのであれば、--no-save, --save オプションを付ける必要があると思います。

npm uninstall --no-save react-router-dom npm install --save react-router-dom@6.4.2

また、実際にコードも<Routes>が使用できず<Switch>が利用できているので
新しいバージョンのライブラリが反映されていないような気がします。

package.json に書き込まれていなくても、 node_module にインストールされているはずですので、こちらは別原因かと思います。

投稿2022/10/13 23:58

mit0223

総合スコア3401

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

strawberrysouth

2022/10/15 06:05

解答ありがとうございます。 コマンドを実行するフォルダが違うことが原因でした。 ありがとうございます
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問