javascript – ES6模块导入给出“Uncaught SyntaxError：Unexpected identifier”

对于个人项目,我正在尝试使用ES6导入来编写更清晰的代码.作为第一次测试,我正在编写一个应该生成菜单的对象.当我直接加载类时,整个代码正在工作,但是当在ES6中使用导入和导出时,它在main.js中的导入行上给出了“未捕获的SyntaxError：Unexpected identifier”错误

我有以下文件：

资产/ JS / menu.module.js

'use strict';

export default class Menu
{ ... }

资产/ JS / main.js

import Menu from "./menu.module.js";

window.addEventListener('DOMContentLoaded', () => {
    const menu = new Menu();
});

的index.html

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

请注意,这些只是相关的代码行.

使用< script type =“module”>是否对我没有任何影响.我确实启用了实验和ES6模块的chrome标志,因为没有它我收到一个关于导入未定义的错误.

Chrome版本为62,因此根据不同的来源(包括谷歌的更新日志本身),即使没有标志,这也应该有效.

任何人都可以告诉我为什么这不起作用,我做错了什么？

解决方法:

正如@Bergi在评论中提到的那样,在main.js导入行中添加type =“module”解决了这个问题.现在一切正常.

感谢所有回复并试图提供帮助的人.

标签：es6-modules,javascript,ecmascript-6
来源： https://codeday.me/bug/20190926/1818330.html