直接引用带有import关键字的JS脚本会报错 ?报错
一般情况下我们通过Script标签来引用JS脚本
<script src="123.js"></script>
但是在某些情况下，JS脚本会带有ES6的import关键字用来导入其他模块，比如：
//123.js
import ABC from "./ABC.js";
ABC("Hello World");
//ABC.js
export default function (String) {
console.log(String);
}
↑ 示例脚本如上 ↑
Uncaught SyntaxError: Unexpected identifier
浏览器出现错误：提示不识别该脚本中的import标识符
<script type="module" src="ABC.js"></script>
修复浏览器错误：显式指定脚本类型为“Module”
Access to script at 'file:///C:/123.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
GET file:///C:/123.js net::ERR_FAILED
浏览器依然报错，提示被CORS策略阻止，不能直接通过文件路径引用带有import关键字的JS脚本
不使用服务器，不编译这些脚本文件，不使用第三方工具
只在纯Chrome浏览器上进行调试，那么该如何解决跨域这个问题？
写回答
-
https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIBexportdefaultfunctionABC(s){console.log(s);}<scripttype="module">importABCfrom'./ABC.js';ABC(123);</script>https://blog.csdn.net/A13330069275/article/details/84849925
2020-06-23 01:11:46赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
