javascript - "Uncaught SyntaxError: Unexpected token {"导入时

Question

我正在尝试从另一个 javascript 文件导入一个函数，但是 main.js 中的导入语句发生错误。

main.js:

import {Event} from 'event.js';

let asdf = new Event("hi", "hi", "hi");
console.log(asdf.title);
console.log(asdf.mainText);
console.log(asdf.buttonSet);

事件.js:

export function Event(title, mainText, buttonSet) {
    this.title = title;
    this.mainText = mainText;
    this.buttonSet = buttonSet;
}

我查了一下语法，没有发现任何错误:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

此外，我运行了此链接中的代码片段，但遇到了同样的错误。 ES6 in the browser: Uncaught SyntaxError: Unexpected token import

编辑:更正后的 index.html 文件:

<script src="scripts/main.js" type="module"></script>

Answer 1

根据错误信息

1. 您正在运行 Chrome，
2. 你还没有在脚本标签中设置type="module"

我试图找到一些关于脚本标签模块类型的好文档，但是 this is the best I can find so far

所以，如果你的脚本标签是

<script type="application/javascript">
import {Event} from "event.js";
......
</script>

或者即使是下面的(因为类型是可选的)

<script>
import {Event} from "event.js";
......
</script>

改成

<script type="module">
import {Event} from "event.js";
......
</script>