React新手求助:如何将react-router-dom安装到项目主package.json中
解决react-router-dom安装到错误package.json的问题
出现这个问题的核心原因是你执行安装命令时,终端没有处在项目根目录(即已有package.json的文件夹),npm/yarn会自动在当前终端所在的文件夹生成新的package.json。按以下步骤修正:
- 先找到你React项目里原本的
package.json文件所在的文件夹(这就是项目根目录) - 切换终端路径到这个根目录:
- 最简单的方式:在VS Code里右键点击根目录文件夹,选择「在集成终端中打开」,终端会自动定位到正确路径
- 手动切换的话,用
cd命令,比如你的项目文件夹叫my-react-app,就执行cd ./my-react-app(根据你当前终端的位置调整路径)
- 在正确的目录下重新执行安装命令:
- 使用npm:
npm install react-router-dom - 使用yarn:
yarn add react-router-dom
- 使用npm:
- 验证:安装完成后打开原项目的
package.json,查看dependencies字段里是否出现了react-router-dom,出现就说明安装成功到正确位置了
新手小提醒
以后安装任何项目依赖前,先确认终端当前路径是项目根目录——可以用pwd(Mac/Linux)或echo %cd%(Windows)命令查看当前路径,确保和package.json所在路径一致。
内容的提问来源于stack exchange,提问作者Meltdown12
相关产品推荐
相关产品推荐

