开发者社区> 问答> 正文

直接引用带有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浏览器上进行调试,那么该如何解决跨域这个问题?

展开
收起
爱吃鱼的程序员 2020-06-23 01:11:28 890 0
1 条回答
写回答
取消 提交回答
  • https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB
    exportdefaultfunctionABC(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
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载