JS引入文件报错

错误信息:Uncaught SyntaxError: Cannot use import statement outside a module

Posted by Eric on June 10, 2020

错误信息

image-20200610122920760

错误分析

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

一句话总结

HTML想用ES6,<script>type="module”