使用宗地 v2 捆绑 JavaScript 时出现"Uncaught SyntaxError: Cannot use import statement outside a module"错误

Question

我收到了关于我试图从index.html文件加载的两个脚本的错误：

<script type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script type="module"
src="https://widgets.api-sports.io/football/1.1.8/widget.js"></script>

出于某种原因，只有当我使用Parcel捆绑代码时，才会出现这个问题。如果我使用实时服务器预览页面，脚本加载时不会出现问题。

package.json文件：

{
"name": "footballstatsil",
"version": "1.0.0",
"description": "A website for football statistics",
"default": "controller.js",
"scripts": {
"dev": "parcel index.html",
"build": "parcel build index.html"
},
"author": "Dror Salomon",
"license": "ISC",
"dependencies": {
"axios": "^0.24.0",
"parcel": "^2.0.0"
}
}

所以当我打出"；npm run dev"；，我得到了"；未捕获的SyntaxError:不能在模块外使用import语句"错误，并且脚本未加载。

我真的很乐意在这个问题上提供任何帮助，谢谢！

Answer 1

好的，所以我执行了；npm运行构建"；脚本，然后执行"；npm run dev"；脚本和一切似乎都工作。。。