reactjs - Serviceworker 且不能在模块外部使用 import 语句

Question

我有一个服务 worker 的 react 示例，​​带有导入语句。 喜欢:

import { clientsClaim } from 'workbox-core';

如果我在我的服务工作人员中使用此代码( react )，我会收到消息:

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

哪里错了？

Answer 1

您需要捆绑一个使用 ES 模块导入的服务工作线程文件，因为它们是 not supported in all service worker runtime environments目前。

Workbox documentation还有一些有关此用法的更多示例。任何支持 ES 模块的 bundler 都应该可以工作；我倾向于使用esbuild如今。