Question

遇到这个问题，我绝对感到震惊，但是，我们开始吧。我在控制台中收到错误：

Uncaught SyntaxError: Unexpected token {

在我的index.js文件中的这一行代码上：

import { CountUp } from '/js/count-up.js';

该行是文件的第一行，我在HTML页面上的脚本标签如下所示：

<script type="module" src='/js/count-up.js'></script>
<script src='index.js'></script>

我正在运行Mojave的Macbook Pro上，并且正在使用Chrome 73。

我真的不知道我在哪里出错了，为什么在简单的es6模块导入中出现未捕获的语法错误？

Answer 1

<script src='index.js'>缺少type="module"属性，因此它试图在不支持ES6模块语法（import需要ES6模块语法）的情况下加载它。

在旁边：

删除：

<script type="module" src='/js/count-up.js'></script>

您只需要使用<script>元素将入口点加载到JS程序中即可。 /js/count-up.js使用import { CountUp } from '/js/count-up.js';加载。

Answer 2

在脚本声明中使用属性“ type”：

“包含在您的html中。请注意type属性”

<script src="./js/countUp.min.js" type="module"></script>