ES6-module 浏览器中使用

2019-09-25  本文已影响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 " 启动本地服务,即可使用。

上一篇下一篇

猜你喜欢

热点阅读