如何解决A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://reactjs.org/link/crossorigin-error for more information

[xmsz-stu]

项目

• 主项目，react + Garfish

Garfish.run({
  basename: '/',
  domGetter: '#subApp',
  sandbox: false,
  apps: [
    {
      name: '微号管理',
      activeWhen: '/we_account',
      entry: getEntry({ port: 3065, entry: '/we-account/index.html' }),
    },
  ],
});

• 子项目：modernJS

背景

• 子项目发送的错误
• 主项目提示

A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://reactjs.org/link/crossorigin-error for more information.

请问如何解决？

[xmsz-stu]

参考：https://www.garfishjs.org/issues#js-%E9%94%99%E8%AF%AF%E4%B8%8A%E6%8A%A5-script-error-0

JS 错误上报 Script error 0
一般错误收集的工具都是通过：
window.addEventListener('error', (...args) => { console.log(args) })
window.addEventListener('unhandledrejection', (...args) => { console.log(args) })
如果能打印出 error 对象，但是只能拿到类似 Script error 0. 这类信息。说明当前 js error 跨域了【由于浏览器跨域的限制，非同域下的>脚本执行抛错，捕获异常的时候，不能拿到详细的异常信息，只能拿到类似 Script error 0. 这类信息】。通常跨域的异常信息会被忽略，>不会上报。可以通过一下方法验证是否跨域（如果输出 Script error 0. 则为跨域）
解决方案

由于浏览器跨域的限制，非同域下的脚本执行抛错，捕获异常的时候，不能拿到详细的异常信息，只能拿到类似 Script error 0. 这类信息。通常跨域的异常信息会被忽略，不会上报。解决方案： 所有 <script> 加载的资源加上 crossorigin="anonymous"

解决：
子应用：https://modernjs.dev/configure/app/html/crossorigin.html