Creator3打包WebMobile 报错 Access to script at ‘chunks:///_virtual/xxxxx.ts‘ has been blocked by CORS

前言

Access to script at 'chunks:///_virtual/xxxxxxx.ts' from origin 'http://xxxxx:7456' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.

网上几乎没有这个报错的资料，相信很多人遇到了也是一脸懵逼。能查到的资料和cocos creator几乎无关。

分析

基本能看出，是某些文件，未能打包进入最终的包体导致的。

查看错误日志，可以发现，这些文件名是最近新加的功能，类似于编辑器使用，但是不需要在最终工程里面。

而这些文件，也是处于单独的文件夹，并不会被打入主包，或者子包bundles里。

解决方案一

给这些代码开一个bundles，确保会成一个独立的子包（除了代码不要包含其他文件，比如预制体prefab）

因此代码量小，而且没有单独的逻辑去加载，所以并不影响实际运行。

暴力一点，也可以把代码直接扔到主包里面去。

此方案包体会略微变大。

解决方案二

洁癖的做法，

写脚本，将在最终生成的文件里，删除这些试图加载特殊ts的函数。

找到build/web-mobile/assets/main/index.xxxxxx.js

注意xxxxx每次不一样（勾选了md5）所以这个脚本，还得智能一点。

然后脚本在此文件里

找到

System.register("chunks:///_virtual/xxxxx.ts",

....

});

注意xxxx就是需要删除的类，这一段全部删除

然后找到这一段

System.register("chunks:///_virtual/main", ['./xxxxx.ts',

....

});

将对应的类名删除。

注意不是删除所有，仅删除需要的几个  './xxxx.ts'

以上内容可以通过正则匹配来查找对应的代码，进行删除。

然后重新一跑，就ok了。