直接本地运行含有Worker代码的报错信息

Uncaught DOMException: Failed to construct 'Worker': Script at '文件路径' cannot be accessed from origin 'null'.
会出现上述现象的原因是因为worker遵循同源协议,我们在本地打开的页面采用的是file协议。
这也是很多学习的例子都使用vue或者其他框架去展示worker的用法,其实都是利用了webpack集成的devServer,相当于在本地开了一个服务器。

但是在学习web worker的时候用框架难免觉得有点麻烦。

利用vscode的插件实现html文件运行

vsCode有一个插件焦作Live Server,和devServer有类似的效果,我们在安装好后,只需右键html文件,选择 open in Live Server即可。自带热更新,又快又省事。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐