Question

我正在开发一个Chrome扩展程序，它将使用一些后台脚本。我认为使用模块会很有趣，因为谷歌最近为他们添加了原生支持。

但是，我得到了一个未捕获的SyntaxError：意外的标识符＆＃39;我正在尝试导入模块时出错。错误指向写入导入的代码行。这是一个例子：

在main.js中：

import test from './test.js';

在test.js中：

export default function test () {
  console.log('this is a test.');
}

我尝试了其他各种格式，但都没有。有趣的是，Chrome的最新导入功能（＆＃39; file.js＆＃39;）功能正常。但是，我正在寻找一种不使用promises导入模块的方法。

我做错了什么，或者我不应该在Chrome扩展程序中使用模块？

提前致谢。

Answer 1

如果在使用导入（ES6模块）时遇到以下错误。

您需要通过在HTML文件中使用的脚本标签中使用 type="module" 来通知浏览器。使用此链接以HTML链接您的js文件

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

Answer 2

您应将type='module'添加到main.js导入行