admin管理员组

文章数量:1538722

关于ES6模块化的权威参考文档：https://www.w3cschool/ecmascript/m6yz1q60.html

浏览器使用ES6模块的语法如下。

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

上面代码在网页中插入一个模块foo.js，由于type属性设为module，所以浏览器知道这是一个ES6模块。

Node的默认模块格式是CommonJS，目前还没决定怎么支持ES6模块。所以，只能通过Babel这样的转码器，在Node里面使用ES6模块。

 

第一个最重要的条件：

ES6模块化测试必须在服务器上测试，如果本地浏览器访问会报错！

服务器部署完毕之后（推荐服务器：lite-server）执行以下三步：

第一步：在index.html文件中添加这段代码：

// type 必须设置为 module  才支持ES6模块加载，官方文档有说明：

<script type="module" src="./my_modules/app.js">

第二步：主app.js文件

//主文件app.js
import  "../lib/jquery-3.3.1.js";
import {app} from "./node001.js";


app.init();

$(function() {
    $("body").css("background","red");
});

第三步：node001.js文件：

//node001.js文件：
let app = {

    value:1,
    init: () => {
        console.log("模块node001成功");
    }
};

export {app};

 

 

本文标签： 浏览器不支持正常运行模块测试

版权声明：本文标题：ES6（JavaScript）中的模块module如何正常运行（谷歌浏览器测试，有些浏览器不支持！） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726983936a1093128.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。