Модуль 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>

Я работаю на MacBook Pro с Mojave и использую Chrome 73.

Я действительно не знаю, где я ошибся, почему я получаю необъяснимую синтаксическую ошибку при простом импорте модуля es6?

Answer 1

<script src='index.js'> отсутствует атрибут type="module", поэтому он пытается загрузить его без поддержки синтаксиса модуля ES6 (который необходим для import).

---

В сторону:

Удалить:

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

Вам нужно загрузить точку входа в вашу программу JS только с элементом <script>./js/count-up.js загружается с использованием import { CountUp } from '/js/count-up.js';.

Answer 2

Используйте атрибут «тип» в объявлении скрипта:

https://github.com/inorganik/countUp.js/

«Включить в свой HTML. Обратите внимание на атрибут типа»

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