模块化import导入 报错Uncaught SyntaxError: Cannot use import statement outside a module

我们在给js模块化导入的时候，有时候会报错 Uncaught SyntaxError: Cannot use import statement outside a module

错误信息：

错误分析：

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

解决办法：

这样就ok啦