87,996
社区成员
发帖
与我相关
我的任务
分享ES6模块化的相互导出导入，按照视频上讲解的，却报错了？
A.js
B.js
C.html
报错信息：
export let x = 16;
export let y = 18;B.js
import {x,y} from "./A.js"
export const info = ()=> {
console.log(x);
console.log(y);
}C.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a target="_blank" href="https://haokan.baidu.com/v?vid=3287493157961049805&pd=bjh&fr=bjhauthor&type=video">
教学视频
</a>
<script type="module">
import {info} from "./B.js";
info();
</script>
</body>
</html>报错信息：
...全文
请发表友善的回复…
发表回复
flashxie023 2020-10-17
- 打赏
- 举报
type="module"不允许跨域。即使你没有后台代码也要把html和js文件放在服务器上这样才能正确运行。
泡泡鱼_ 2020-10-17
- 打赏
- 举报
你既然用了Hbuilder,那你可以考虑创建一个比如vue项目，然后在它的环境中直接运行。简单的说，你必须让它们依托于某种服务，比如：IIS。而不是使用“文件访问”的方式去运行。单独的一些原生的js是可以这样的。但有依赖的不行
Logerlink 2020-10-15
- 打赏
- 举报
type="module" 不允许跨域
处理方式：在本地搭建一个服务器，以live-server为例。
vscode控制台进行安装：
npm install -g live-server
安装成功后直接运行即可：
live-server
具体参考：https://www.jianshu.com/p/6661aaebf412
