如何解决react-router-dom控制台抛出的模块找不到错误？

• 彻底重装依赖
  先清理旧依赖缓存与文件，再重新安装：

  # 删除node_modules文件夹（Mac/Linux）
  rm -rf node_modules
  # Windows系统用这条：rd /s /q node_modules
  
  # 删除锁文件（二选一）
  rm package-lock.json
  # 或 rm yarn.lock
  
  # 重新安装依赖
  npm install
  

• 检查导入语句是否正确
  确保App.js中react-router-dom的导入路径是react-router-dom，而非错误的react-router/dom：
  正确写法：

  import { BrowserRouter, Routes, Route } from 'react-router-dom';
  

  避免错误写法：

  import { BrowserRouter } from 'react-router/dom'; // 路径错误
  

• 确保react-router与react-router-dom版本匹配
  react-router-dom依赖react-router，两者版本必须一致，手动指定版本安装：

  npm install react-router-dom@7.3.0 react-router@7.3.0
  

• 清理构建工具缓存
  根据使用的构建工具清理缓存：

  • Vite：npm run build -- --clearCache
  • Create React App：删除build文件夹后重新执行npm run build

• 检查构建工具的resolve配置
  如果用Vite或Webpack，确认配置文件（vite.config.js/webpack.config.js）里的resolve别名、模块路径没有错误，不要将react-router-dom指向错误位置。

内容的提问来源于stack exchange，提问作者Chris Henry