不能在模块外使用import语句

Question

我有一个service worker的反应示例，带有import语句。如:

import { clientsClaim } from 'workbox-core';

如果我在service-worker中使用这段代码(react)，我得到的消息是:

Uncaught SyntaxError: Cannot use import statement outside a module (at service-worker.js:1:1)

错误在哪里?

Answer 1

你需要绑定一个使用ES模块导入的service worker文件，因为目前并不是所有service worker运行时环境都支持它们。

Workbox文档中有更多这种用法的示例。任何支持ES模块的打包器都可以工作;我现在倾向于使用esbuild。