ES6-module 浏览器中使用

在不使用脚手架情况下,页面引入的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 " 启动本地服务,即可使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容