如何在Turbo构建系统中配置以获取完整的React错误信息而非压缩后的错误提示

我之前在monorepo里用Turbo管理React项目时，也碰到过一模一样的问题——明明是开发环境，却拿到了React的压缩错误提示。结合你给出的turbo.json配置，咱们可以从这几个方面调整解决：

• 确保React子包的开发脚本绑定development环境
  先检查每个React子包的package.json里的开发脚本（比如watch或dev），明确设置NODE_ENV=development，让Vite/CRA这类打包工具以开发模式运行。举个例子：

  // 子包 package.json
  "scripts": {
    "watch": "NODE_ENV=development vite serve", // Vite开发服务器
    // 用CRA的话可以写："watch": "NODE_ENV=development react-scripts start"
    "build": "NODE_ENV=production vite build" // 生产构建保持不变
  }
  

  这样当Turbo触发子包的watch任务时，React会运行在开发模式，输出完整的错误栈和详细提示。

• 调整Turbo任务，确保环境变量正确传递
  你的turbo.json已经设置了"envMode": "loose"，这意味着Turbo会自动传递根目录和子包的环境变量给任务。不过可以给watch任务明确指定需要传递的环境变量，进一步确保NODE_ENV不会丢失：

  // turbo.json 中的watch任务配置
  "watch": {
    "cache": false,
    "persistent": true,
    "env": ["NODE_ENV"] // 明确传递NODE_ENV给子任务
  }
  

  另外，在根目录创建.env.development文件，添加一行：

  NODE_ENV=development
  

  这样Turbo在运行开发任务时，所有子包都会继承这个环境变量。

• 严格区分开发与生产任务
  你的build任务是生产构建配置（输出到dist/build等目录），开发时一定要运行turbo run watch，绝对不要用turbo run build。watch任务已经设置了cache: false和persistent: true，非常适合长运行的开发服务器，不会复用旧的生产构建产物。

• 检查打包工具的开发模式配置

  • 如果你用Vite：默认vite serve就是开发模式，会禁用代码压缩，自动保留完整错误信息，只要脚本里没加--mode production就没问题。
  • 如果你用Create React App：react-scripts start默认就是开发模式，会开启详细错误提示。如果之前修改过webpack.config.js，要确保开发模式下没有开启TerserPlugin这类压缩插件。

• 验证环境变量是否生效
  可以在子包的开发脚本里加一个打印命令，确认NODE_ENV是否正确：

  "watch": "echo 当前环境：$NODE_ENV && NODE_ENV=development vite serve"
  

  运行turbo run watch后，查看终端输出，如果显示当前环境：development，就说明环境变量设置完全正确了。

核心逻辑其实很简单：让React应用在开发时处于development环境，Turbo的作用就是正确传递这个环境变量，并且触发开发模式的脚本，而不是生产构建。按上面的步骤调整后，应该就能看到完整的React错误提示了。

内容来源于stack exchange