Serviceworker，不能在模塊外使用 import 語句

Question

我有一個服務工作者的反應示例，​​帶有導入語句。 喜歡：

import { clientsClaim } from 'workbox-core';

如果我在我的服務人員中使用此代碼（反應），我會收到以下消息：

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

錯誤在哪里？

Answer 1

您需要捆綁一個使用 ES 模塊導入的服務工作者文件，因為目前並非所有服務工作者運行時環境都支持它們。

Workbox 文檔有更多這種用法的例子。 任何支持 ES 模塊的打包器都應該可以工作； 我現在傾向於使用esbuild 。