问题描述:

自己在尝试利用ES6语法讲js进行模块化开发时,报错Uncaught SyntaxError: Cannot use import statement outside a module

Javascript:ES6模块化开发报错:Uncaught SyntaxError: Cannot use import statement outside a module_模块外


原因分析:

HTML 网页中,浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 JavaScript,因此type="application/javascript"可以省略。在报错中了解到,是说无法在模块外部使用import语句,因为Module 的加载实现的是es6语法,所以在浏览器加载html文件时,需要在script 标签中加入type="module"属性。


解决方案:

在引入模块的地方,加入type="module"即可解决问题
Javascript:ES6模块化开发报错:Uncaught SyntaxError: Cannot use import statement outside a module_模块外_02