复制<link rel='preload'>和<script>，浏览器警告将“交叉”添加到链接中，将"as“添加到Nuxt生成的页面源的脚本中

Question

获得了一个Nuxt项目，在该项目中，有些预加载文件没有crossorigin和as参数，因此出现了错误。

不确定它是特定于NUXT的错误还是某个包？我删除了所有预加载和预取代码，以查看它是否会产生任何差异，但是没有什么改变。

​

​

在NUXT社区https://github.com/nuxt/nuxt.js/discussions/10612中问了同样的问题

​

​

经过一些研究，我发现这个问题与webpack有关，并可能被output.crossOriginLoading https://webpack.js.org/configuration/output/解决，我试图在我的nuxt.config.ts中这样应用：

  target: "static", <-----tried both static and server
  output: {
    crossOriginLoading: "anonymous",
  },

毫无办法。在浏览Chrome浏览器的链接后，我可以看到webpack的JSONP是用来构建块的。

window["webpackJsonp"] = window["webpackJsonp"]

它在NUXT中默认使用吗？

更新：

显然，我在页面源中有带有"as“的脚本标记。不知道为什么警告仍然出现在控制台中

 <link rel="preload" href="/_nuxt/app~._.nuxt_A.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._.nuxt_A.css" as="style" />
    <link rel="preload" href="/_nuxt/app~._a.css" as="style" />
    <link rel="preload" href="/_nuxt/app~._a.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._l.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._layouts_d.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._n.js" as="script" />
    <link
      rel="preload"
      href="/_nuxt/app~._node_modules_atlas_node_modules_vue_dist_vue.runtime.esm.js~8cb01656.js"
      as="script"
    />
    <link
      rel="preload"
      href="/_nuxt/app~._node_modules_atlas_src_c.js"
      as="script"
    />
    <link rel="preload" href="/_nuxt/app~._node_modules_ba.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._node_modules_c.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._node_modules_h.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._node_modules_i.js" as="script" />
    <link rel="preload" href="/_nuxt/app~._node_modules_vue-c.js" as="script" />
    <link
      rel="preload"
      href="/_nuxt/app~._node_modules_vue_dist_vue.runtime.esm.js~6acccc03.js"
      as="script"
    />
    <link
      rel="preload"
      href="/_nuxt/header-bar-mobile-menu~._node_modules_atlas_src_components_HeaderBar_HeaderBarMobileMenu.vue~0.js"
      as="script"
    />
    <link rel="preload" href="/_nuxt/pages/index~._c.css" as="style" />
    <link rel="preload" href="/_nuxt/pages/index~._c.js" as="script" />
    <link
      rel="preload"
      href="/_nuxt/pages/_~pages/index~pages/preview/_~pages/search~._c.js"
      as="script"
    />
    <link rel="preload" href="/_nuxt/0.js" as="script" />

在nuxt.js github页面https://github.com/nuxt/nuxt.js/issues/10613上打开的问题

Answer 1

这种行为是NUXT中的一个错误，当NUXT升级到新版本的vue-bundle-renderer时，将由NUXT修复。

链接到问题：https://github.com/nuxt/bridge/issues/453