美文网首页
ES6-module 浏览器中使用

ES6-module 浏览器中使用

作者: 明里人 | 来源:发表于2019-09-25 11:05 被阅读0次

在不使用脚手架情况下,页面引入的js文件中包含ES6 的 import,浏览器无法识别导致不生效。

解决方法:

1、在页面入口引入JS文件时,给script标签添加type属性:

<script src="./index.js" type="module"></script>

2、不论是这里的script标签的src属性,或是js文件中的import都应该使用相对路径,如:"./",并且都需要加上后缀名 ".js"
3、需要解决跨域,在服务器上运行:
如vscode:安装Live Server 插件, 安装成功后打开要使用的页面,并点击vscode下方的 " Go Live " 启动本地服务,即可使用。

相关文章

网友评论

      本文标题:ES6-module 浏览器中使用

      本文链接:https://www.haomeiwen.com/subject/legqyctx.html