Chrome中的Workbox Service worker安装失败

如何解决Chrome中的Workbox Service worker安装失败

我有.Net + Aurelia项目。我正在使用WorkBox Webpack插件捆绑我自己的服务人员。当我在Chrome的localhost中打开网站时，出现以下错误：

但是，当我在Chrome隐身浏览器或Firefox中打开它时，可以看到WorkBox安装了service worker并预缓存了57个文件。我已经遇到过this question，但对他们来说，Chrome更新后它就解决了。我使用的是Chrome版本86。

下面是我的代码：

service-worker.js：

import { precacheAndRoute } from 'workBox-precaching';

console.log("Hello from ServiceWorker");

precacheAndRoute(self.__WB_MANIFEST);

webpack.config.js：

const { InjectManifest } = require('workBox-webpack-plugin');

// module.exports...
plugins: [
    new InjectManifest({
      swSrc: './src/service-worker.js',}),]

我的main.ts的底部：

return aurelia.start()
    .then(() => {
        aurelia.setRoot(PLATFORM.moduleName('app/app'))

        if ('serviceWorker' in navigator) {
        console.log("ServiceWorker is supported");
        navigator.serviceWorker.register('service-worker.js')
            .then(function (registration) {
            // display a success message
            console.log(`Service Worker Registration (Scope: ${registration.scope})`);
            //return registration.update();
            })
            .catch(error => {
            // display an error message
            let msg = `Service Worker Error (${error})`;
            console.error(msg);
            });
        }
})