react-router-dom相关报错：React应用无法启动及依赖加载失败

1. 解决「Module not found: 'firebase'」错误 #

这个错误说明项目缺少firebase依赖包，或导入方式不符合当前Firebase版本规范：

• 先安装Firebase依赖：
  在项目根目录执行命令：

  npm install firebase
  # 或使用yarn
  yarn add firebase
  

• 修正src/firebase/config.js中的导入语句：
  目前Firebase采用模块化架构，不再支持全局导入firebase，需改为按需导入，示例：

  // 错误写法
  import firebase from 'firebase';
  // 正确写法（Firebase v9+）
  import { initializeApp } from 'firebase/app';
  import { getAuth } from 'firebase/auth'; // 按需导入所需模块
  

2. 解决「@remix-run/router 解析失败」错误 #

这个错误是因为Webpack/Babel无法解析该包中的新语法（如可选链?.、空值合并??），多由依赖版本不兼容导致，解决方案如下：

• 方案一：降级react-router-dom版本
  若项目使用较旧的Webpack/Babel版本，可降级到兼容版本：

  npm install react-router-dom@5.3.0
  # 或使用yarn
  yarn add react-router-dom@5.3.0
  

• 方案二：配置Babel转译指定依赖包
  若想保留新版react-router-dom，需修改Babel配置使其转译@remix-run/router：
  在项目根目录的babel.config.js或.babelrc中添加：

  {
    "presets": ["react-app"],
    "include": ["node_modules/@remix-run/router"]
  }
  

  同时安装必要的Babel插件：

  npm install @babel/plugin-proposal-optional-chaining @babel/plugin-proposal-nullish-coalescing-operator --save-dev
  

完成上述操作后，重新启动项目：

npm start
# 或
yarn start

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