M1 Max MacBook Pro搭建react-boilerplate出现ngrok不支持darwinarm64错误

问题原因 #

你遇到的报错是因为react-boilerplate默认依赖的ngrok版本过旧，未适配Apple Silicon（M1系列）芯片的darwin arm64架构，导致postinstall脚本执行失败。

解决方案 #

• 方案1：升级ngrok到兼容版本
  ngrok从4.3.0版本开始已原生支持M1系列芯片，npm 8.3及以上版本支持通过overrides字段强制指定依赖的子包版本，在项目package.json中添加如下配置：

  {
    "overrides": {
      "ngrok": "^4.3.3"
    }
  }
  

  配置完成后删除项目根目录下的node_modules文件夹和package-lock.json文件，重新执行npm run setup即可。
• 方案2：通过Rosetta 2兼容模式运行
  右键你正在使用的终端应用（系统终端、iTerm等），选择「显示简介」，勾选「使用Rosetta打开」，重启终端后再次执行npm run setup，即可通过x86架构兼容模式正常安装旧版本ngrok。
• 方案3：跳过ngrok安装脚本
  若你的项目实际不需要使用ngrok相关功能，可以在执行命令时跳过ngrok的postinstall钩子：

  npm run setup --ignore-scripts=ngrok
  

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