为什么原生的import等模块语法要在服务器环境下才能运行?

同样的代码,直接在控制台试就报错,在服务器环境下才行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
</body>
<script type='module'>
    import {a} from './test.js'
    console.log(a) // {a: 123 } 
</script>
</html>
//test.js
var a = 0
export {a}
阅读 3.1k
4 个回答

你需要搞明白 http:// , file:// 两个协议头的区别,以及 CORS 因为浏览器已经在控制台告诉了你。

clipboard.png

这个import是node模拟的js语法,浏览器没有这个语法

因为浏览器不允许你用js操作电脑本地文件...这是很危险的行为...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题