美文网首页
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