import es6 怎么调用,es6import用法

　　操作环境：windows7系统，ECMAScript版本6，Dell G3电脑。

　　如何解决es6 import报错问题？

　　现在大部分浏览器都不支持es6，所以在使用es6的时候，需要使用bebal将ES6转换成es5。

　　项目目录：

　　演示1:单个js文件的转换

　　src文件下的Test1.js

　　const aa=这是test1 ；

　　console.log(这是来自test1 ，aa)；\

　　引入项目根目录下的bebal文件。巴别塔内容：

　　{

　　预设：[es2015]

　　}

　　安装babel-cli

　　Cni babel-CLI-g需要安装babel-preset-es2015，因为需要从es6转到es5。

　　CNI bel-preset-es 2015-save-dev transformation test1 . js

　　Babel src - out-dir dist(将src目录下的js文件转换成es5和dist文件)

　　在dist page下运行test1.js不会给出错误。

　　演示2:引入并转换了多个文件项。

　　在src文件下：

　　test2.js

　　const bb=这是bb ；

　　导出{bb}

　　test3.js

　　从“test2.js”导入{bb}

　　console . log(bb)；

　　转换巴别塔src - out-dir区域

　　从页面上的dist文件引入test2.js test3.js。

　　错误报告

　　因为我们使用节点；将ES6编译成ES5，节点模块参考了CommonJS的规范，目前的浏览器和节点都不支持ES6的大部分。

　　解决办法

　　可以用webpack打包，所有的依赖都可以合并到一个文件里，再用babel转换，然后导入html文件。

　　推荐：以上《javascript基础教程》是如何解决es6导入错误问题的详细内容。更多信息请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。