ES Module报错Access to script at ‘file:///xxx‘ from origin ‘null‘ has been blocked by CORS policy

以下HTML中通过ES Module模块化引入模块化中的代码:
在这里插入图片描述
直接在浏览器中加载这个本地HTML文件时报错如下:
在这里插入图片描述
根据MDN中的描述,因为JS模块安全性的需要,本地加载HTML文件时会发生CORS错误。
在这里插入图片描述
参考V8引擎描述文档中WHATWG中给出的解释,大意就是使用模块化加载的模块化代码需要支持CORS跨域:
在这里插入图片描述
在这里插入图片描述

如果你使用的是VS Code,可以通过Live Server插件解决跨域:
在这里插入图片描述
Open with live Server,访问Live Server起的静态资源服务器就不会有报错了。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值