从GitHub安装reactstrap最新提交至React/Redux项目启动报错求助

当你直接通过git提交哈希安装reactstrap（而非npm上发布的正式包）时，确实需要一些额外操作——因为你安装的是未预编译的源码，而且peer依赖不会自动全部配置到位。我来一步步帮你解决：

• 第一步：补全必要的依赖
  reactstrap依赖Bootstrap的CSS以及Popper.js来处理弹窗、下拉等组件的定位逻辑，你需要手动安装这些：

  # 安装Bootstrap CSS
  npm install bootstrap
  # 针对reactstrap v9+，安装@popperjs/core（旧版本请用react-popper）
  npm install @popperjs/core
  

  然后在项目入口文件（比如src/index.js）中引入Bootstrap的样式：

  import 'bootstrap/dist/css/bootstrap.min.css';
  

• 第二步：验证package.json中的安装路径
  确保你在package.json里的写法是正确的，比如：

  "reactstrap": "github:reactstrap/reactstrap#<你的提交哈希值>"
  

  或者使用完整的git URL：

  "reactstrap": "git+https://github.com/reactstrap/reactstrap.git#<你的提交哈希值>"
  

  一定要确认提交哈希没有拼写错误，这个哈希必须对应reactstrap仓库中存在的有效提交。

• 第三步：清理依赖缓存并重装
  有时候npm缓存会导致依赖安装不完整，执行以下操作重置：

  # 删除node_modules和锁文件
  rm -rf node_modules package-lock.json
  # 重新安装依赖
  npm install
  

  （Windows用户可以用rmdir /s node_modules和del package-lock.json替代第一条命令）

• 第四步：让Create React App编译reactstrap源码
  这是最关键的一步：Create React App默认不会编译node_modules里的包，但你安装的git版本是未编译的源码，所以需要修改配置让CRA编译它：

  1. 安装工具依赖：

     npm install react-app-rewired customize-cra --save-dev
     

  2. 在项目根目录创建config-overrides.js文件，添加以下内容：

     const { override, babelInclude } = require('customize-cra');
     const path = require('path');
     
     module.exports = override(
       babelInclude([
         path.resolve('src'),
         path.resolve('node_modules/reactstrap'), // 允许CRA编译reactstrap源码
       ])
     );
     

  3. 修改package.json中的scripts命令，替换成react-app-rewired：

     "scripts": {
       "start": "react-app-rewired start",
       "build": "react-app-rewired build",
       "test": "react-app-rewired test",
       "eject": "react-scripts eject"
     }
     

做完这些步骤后，再运行npm start应该就能正常启动了。如果还是有错误，可以检查控制台的具体报错信息，比如是否有缺失的依赖或者编译语法问题，再针对性调整。

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