javascript - ES6 模块抛出意外的 token 错误

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 需要)的情况下加载它。

<小时/>

旁白:

删除:

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

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