如何使用 importScripts 将 localforage 导入到 service worker？答案

【问题标题】：How to import localforage to service worker using importScripts?如何使用 importScripts 将 localforage 导入到 service worker？
【发布时间】：2021-06-30 03:12:03
【问题描述】：

我正在尝试将 localforage 导入我的 service-worker.js 文件。我已阅读，您必须使用 importScripts() 这样做。问题是我在我的 Vue 项目中使用 yarn 安装了 localforage，现在我不确定在哪里访问 localforage 文件。

我试过了：

importScripts('localforage.js')
importScripts('localforage')
importScripts('localforage.min.js')

导致：service-worker.js:6 未捕获的 DOMException：无法在“WorkerGlobalScope”上执行“importScripts”：“https://webprojectname/localforage.min.js”处的脚本无法加载。在 https://webprojectname/service-worker.js:6:1 并且：脚本具有不受支持的 MIME 类型（'text/html'）。

我搜索了很多谷歌，但没有找到解决方案。感谢您的每一次帮助。

【问题讨论】：

标签： vue.js progressive-web-apps service-worker workbox localforage

【解决方案1】：

您的文件似乎使用了错误的 MIME 类型。检查您的服务器配置。

【讨论】：

我不知道要检查！在我看来，它与服务器无关。我也在其他组件中使用 localforage，但是我可以像其他所有库一样使用 import localForage from 'localforage' 导入它
错误消息告诉您，您正在尝试加载文件，但它失败了，因为它的 Mime 类型为“text/html”而不是“application/javascript”。这通常是由服务器级别的一些错误配置引起的。如果你在 Apache 服务器上，你可以检查你的 .htaccess