electron-updater更新遇到的问题 The URL protocol of the current origin (‘app://.‘) is not supported

淩亂°似流年 2023-01-13 06:28 234阅读 0赞

目前的Vue脚手架（我使用的是vue-cli4）默认会携带一个 registerServiceWorker的东西，这个东西是做什么的呢？

首先说明，registerServiceWorker可以运用于主流框架，它只是为了简化缓存机制产生的js包，以下的例子是在Vue中使用  
这个文件可以视情况用或者不用，它是用来做离线缓存等任务的，实际上就是为Vue项目注册了一个service worker。这样的话，如果在线上，只要访问过一次该网站，以后即使没有网络也可以访问（此时使用的是之前缓存的资源）。只在生产环境中有效（process.env.NODE\_ENV === ‘production’）

使用service worker的现象是什么呢？

他会在第一次访问该站点的时候，一次性请求加载所有资源，当然 除了当前页面的资源是通过浏览器去获取的，其他缓存资源都是通过service worker.

/* eslint-disable no-console */
    import { register } from 'register-service-worker';
    
    if (process.env.NODE_ENV === 'production') {
      register(`${process.env.BASE_URL}service-worker.js`, {
        ready() {
          console.log(
            'App is being served from cache by a service worker.\n' +
              'For more details, visit https://goo.gl/AFskqB'
          );
        },
        registered() {
          console.log('Service worker has been registered.');
        },
        cached() {
          console.log('Content has been cached for offline use.');
        },
        updatefound() {
          console.log('New content is downloading.');
        },
        updated() {
          console.log('New content is available; please refresh.');
        },
        offline() {
          console.log(
            'No internet connection found. App is running in offline mode.'
          );
        },
        error(error) {
          console.error('Error during service worker registration:', error);
        }
      });
    }

但是使用 electron-updater更新代码的时候会出现：

![20210416174554644.png][]

>  Error during service worker registration: TypeError: Failed to register a ServiceWorker: The URL protocol of the current origin ('app://.') is not supported.

electron协议拦截是资源层面，跟网页serviceworker工作不是一个内容。sw无法在非https和localhost下工作。看一下你代码，把这个功能移除。使用协议拦截，就没必要在用sw。

因此，在electron环境当中需要把这个功能移除，注释掉：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2NzI4NTE4_size_16_color_FFFFFF_t_70][]

[20210416174554644.png]: /images/20221022/55a61b27de494b75805c87791a32d036.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2NzI4NTE4_size_16_color_FFFFFF_t_70]: /images/20221022/fe02ecb326064192b151cfe0731483da.png