ES6模块引发意外令牌错误

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';。