如何禁用Visual Studio中JavaScript错误的全屏显示功能？

• 关闭React自带的错误覆盖层
  打开项目根目录的package.json，修改scripts里的start命令，添加--no-client-overlay参数：

  "scripts": {
    "start": "react-scripts start --no-client-overlay"
  }
  

  该参数会禁用React默认的全屏错误提示层，让错误信息输出到浏览器控制台和Visual Studio的输出窗口。

• 调整Visual Studio调试设置

  1. 依次打开「工具」>「选项」>「调试」>「常规」
  2. 取消勾选「启用JavaScript调试待处理异常」选项
  3. 切换到「调试」>「窗口」>「输出」面板，选择「Web浏览器」或「JavaScript控制台」选项，确保能正常接收JS错误输出。

• 检查自定义错误边界代码
  如果项目中使用了React错误边界（Error Boundary）组件，排查是否存在强制全屏展示错误的逻辑，修改组件代码，让错误信息优先输出到控制台，而非渲染全屏错误页面。

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