link标签的crossorigin属性对脚本错误捕获完全无效，仅影响rel="stylesheet"或rel="preload" as="font"等特定场景；脚本错误堆栈是否完整取决于script标签及构建配置是否正确设置crossorigin。
Link标签加crossorigin对脚本错误捕获完全无效
<link> 标签的 crossorigin 属性和脚本错误堆栈捕获无关。它只影响 rel="stylesheet" 或 rel="preload" as="font" 等特定场景，比如动态加载 CSS 后通过 document.styleSheets 访问规则，或预加载字体后绑定到 @font-face。脚本错误（window.onerror 或 addEventListener('error')）是否能拿到真实堆栈，只取决于 <script></script> 标签本身有没有正确配置 crossorigin，跟 <link> 毫无关系。
Link标签的crossorigin只在这些场景起作用
你只有在以下情况才需要给 <link> 加 crossorigin：
-
<link rel="stylesheet" href="https://cdn.example.com/main.css" crossorigin="anonymous">：后续用 JS 读取document.styleSheets[0].cssRules时不会被拒绝 -
<link rel="preload" as="font" href="https://cdn.example.com/font.woff2" crossorigin="anonymous">：确保字体能被@font-face正确加载并使用，否则可能 fallback 到系统字体 - 不加
crossorigin时，跨域 CSS 加载失败会静默丢弃（控制台可能没报错），但页面照样渲染——只是样式没了
常见误配：给rel="icon"或rel="manifest"加crossorigin
这类写法毫无意义：
-
<link rel="icon" href="/favicon.ico" crossorigin="anonymous">：浏览器直接忽略crossorigin，不触发 CORS 请求，也不影响加载逻辑 -
<link rel="manifest" href="/manifest.json" crossorigin>：同样无效，<link>的crossorigin对rel="manifest"不生效 - 加了也不会报错，但浪费字节、误导维护者，还可能让新人误以为“加了就能解决跨域问题”
真正影响脚本错误捕获的是script标签和构建配置
想让跨域脚本报错时显示真实文件名和行号，必须做三件事：
- 静态
<script></script>标签显式写crossorigin="anonymous"，且服务端响应头含Access-Control-Allow-Origin - Webpack 项目设
output.crossOriginLoading = 'anonymous'，否则import()加载的 chunk 不带该属性 - Vite 项目在
vite.config.ts中配置build.rollupOptions.output.crossOrigin = 'anonymous' - 本地双击打开 HTML（
file://协议）时，crossorigin被忽略，无论怎么配都只能看到Script error.
Link 标签再怎么配，都不会让 import('./chunk.js') 的报错堆栈变完整——这事它管不了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
