You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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
  • 验证:安装完成后打开原项目的package.json,查看dependencies字段里是否出现了react-router-dom,出现就说明安装成功到正确位置了

新手小提醒

以后安装任何项目依赖前,先确认终端当前路径是项目根目录——可以用pwd(Mac/Linux)或echo %cd%(Windows)命令查看当前路径,确保和package.json所在路径一致。

内容的提问来源于stack exchange,提问作者Meltdown12

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 05:24:52