Vue.js Vue Workbox网页包“；无法在模块外部使用导入语句；

我第一次尝试使用workbox，但总是出现以下错误：

Uncaught SyntaxError: Cannot use import statement outside a module

这是我的src-sw.js

import {precacheAndRoute} from 'workbox-precaching';

precacheAndRoute(self.__WB_MANIFEST);

我在workbox文档中找不到与此问题相关的任何内容。如何处理此问题？

您可以查看开始使用Workbox的指南

---

此外，还不能在ServiceWorkers中使用ES模块。查看此处了解更多信息：

这完全令人困惑@mishamosher说您必须使用importscripts，但是workbox站点上的所有示例都使用imports@SimonHworkbox站点上的示例假设您使用的是像webpack、Rollup、Parcel之类的transpiler/packer。这是可以解释的。Binu描述的错误表明没有使用transpiler/bundler，并且如所述支持这种情况。@SimonH还提供了有关如何正确配置transpiler/packer的更多信息，如果确实使用了transpiler/packer。