安装service worker时出现DOMExecption错误
安装service worker时出现DOMException错误是由于以下原因之一导致的：
- 域名限制：Service Worker只能在同源的HTTPS网站上运行，如果你的网站不是使用HTTPS协议，那么浏览器会拒绝安装Service Worker并抛出DOMException错误。解决方法是将网站迁移到HTTPS协议上。
- 路径错误：在注册Service Worker时，需要指定Service Worker脚本文件的路径。如果路径错误或者文件不存在，浏览器会抛出DOMException错误。请确保路径正确，并且Service Worker脚本文件存在于指定路径下。
- 代码错误：Service Worker脚本中可能存在语法错误或逻辑错误，导致浏览器无法正确解析和执行脚本，从而抛出DOMException错误。请检查Service Worker脚本中的代码，确保没有错误。
- 浏览器不支持：某些旧版本的浏览器可能不支持Service Worker，或者支持的功能有限。如果你在不支持Service Worker的浏览器上尝试安装，会抛出DOMException错误。请确保使用的浏览器版本支持Service Worker。
总结： 安装Service Worker时出现DOMException错误可能是由于域名限制、路径错误、代码错误或浏览器不支持等原因导致的。解决方法包括将网站迁移到HTTPS协议上、检查路径和代码是否正确、使用支持Service Worker的浏览器版本等。
相关·内容
请您告诉我，我的服务工作人员安装的错误，我有这些错误出现在铬控制台(见图-1)。
The script resource is behind a redirect, which is disallowed. service-worker.js:1
Failed to load resource: net::ERR_UNSAFE_REDIRECT https://harampress.com/post/45/service-worker.js
我在后端使用Laravel框架，如果可以的话
只是为了知道我的服务-worker.j
浏览 5提问于2016-11-04得票数 2
回答已采纳
2回答
我有一个centOS7服务器，并且我已经成功地安装了LAMP堆栈，但是我决定使用worker mpm而不是prefork mpm，当我这样评论的时候：
#LoadModule mpm_prefork_module modules/mod_mpm_prefork.so
且未注释此内容：
LoadModule mpm_worker_module modules/mod_mpm_worker.so
在切换到worker并尝试重新启动apache后，出现以下错误：
Job for httpd.service failed. See 'systemctl status httpd.service
浏览 1提问于2016-03-07得票数 0
我正在尝试安装我的service worker，但在使用以下命令安装我的worker时一直收到错误DOMException if ('serviceWorker' in navigator) {
console.log('Queing Worker...');
window.addEventListener('load', function() {
console.log('Registering Worker...');
浏览 35提问于2019-01-13得票数 0
回答已采纳
当服务工作者更新准备安装时，我使用这种众所周知的模式来显示通知(当然，这段代码进入网页，它不是服务工作人员代码)：
// Register service worker.
let newWorker;
if ('serviceWorker' in navigator) {
function showUpdateNotification () {
document.getElementById('updatenotification').style['visibility'] = 'visible';
浏览 1提问于2021-01-20得票数 1
回答已采纳
当我试图在我的网站上实现它时，会出现这样的错误。请帮帮忙。
服务工作人员错误DOMException:只允许安全来源。
if ('serviceWorker' in navigator && 'PushManager' in window) {
console.log('Service Worker and Push is supported');
navigator.serviceWorker.register("{{ 'sw.js' | asset_url }}")
.then
浏览 2提问于2017-05-23得票数 0
我想要能够完全控制我的Service Worker版本，我创建了信号和函数，允许我update或skipWaiting一个运行良好的Service Worker！
self.addEventListener('install',event=>
event.waitUntil(caches.open(version).then(cache=>
cache.addAll([
...
]).then(_=>
condition?
self.skip
浏览 1提问于2021-11-18得票数 0
我正在尝试将OneSignal集成到我的Angular 5应用程序中。我已经在src文件夹中放置了manifest.json、OneSignalSDKWorker.js和OneSignalSDKUpdaterWorker.js，并在.angular-cli.json中的assets下创建了条目，以便可以访问这些文件，但我仍然面临着service worker安装失败的问题。错误是在app.component.ts中获取HTTP404我已经放置了初始化代码，但仍然收到错误: Service Worker安装安装service worker失败TypeError:无法注册ServiceWorke
浏览 21提问于2019-03-04得票数 0
1回答
生产中的去麻芹菜
、、、
我试图在Ubuntu18.04中运行芹菜服务，使用Django 2.1.1和芹菜4.1.1 (安装在env中)和整个系统安装的芹菜4.1.0。我将与一起经营芹菜作为服务。这是我的Django的项目树：
hamclassy-backend
├── apps
├── env
│ └── bin
│ └── celery
├── hamclassy
│ ├── cele
浏览 0提问于2019-07-30得票数 4
回答已采纳
下面的错误出现在我的Rails应用程序日志和我的Chrome JavaScript控制台中，但只出现在Chrome上，并且只有当应用程序在本地主机上运行时才显示在端口3000上：
Started GET "/service-worker.js" for 127.0.0.1 at 2015-12-15 09:31:04 -0800
ActionController::RoutingError (No route matches [GET] "/service-worker.js"):
显然，也有同样的问题，但是通过重新安装OS (!)解决了这个问题。这不是我的选择
浏览 2提问于2015-12-15得票数 7
1回答
我用Vue构建了一个PWA，由于某些原因，当我尝试在线部署它时，我会在控制台中得到以下错误消息：
service-worker.js:168
Uncaught (in promise) Error: Request for https://example.com/dist/service-worker.js?_sw-precache=935625ad5331efd775a1f6b37f06e3e3 returned a response with status 404
at https://example.com/service-worker.js:168:25
at asy
浏览 0提问于2020-07-22得票数 1
回答已采纳
1回答
我尝试使用FCM在我的vue应用程序中显示桌面通知
我用我的配置安装了firebase和initializeApp
所以我安装了sw-precache webpack-plugin，在dist文件夹中有service-worker.js
我也有同样的错误
sw-预缓存配置
new SWPrecacheWebpackPlugin({
cacheId: 'service-app',
filename: 'service-worker.js',
staticFileGlobs: ['dist/**/*.{js,html
浏览 1提问于2017-11-01得票数 0
在next.js + firebase托管pwa应用程序上获取服务工作者时出现404错误我正在尝试通过将服务工作者添加到此存储库中介绍的next.js + firebase托管应用程序来创建PWA应用程序。
然而，尽管它运行到托管，我在运行service-worker.js时遇到了问题。
我认为原因是service-worker.js文件的路径，该文件位于dist/functions/next文件夹中。所以我试着改变通行证，但我不能解决它。
Service worker registration failed, error1: TypeError: Failed to register a
浏览 12提问于2018-07-25得票数 0
我对React有个问题。 当您执行create-react-app时，您有一个文件: sercice-worker.js我使用了一个模板，但这个文件并不存在。我正在尝试不同的解决方案来安装service-worker，serviceWorker包，在移动中，没有发生任何事情。我无法在手机中下载我的应用程序。 如何安装用于PWA的service-worker？ Thx
浏览 18提问于2020-08-27得票数 0
我安装了bootstarp-vue“npm安装bootstarp-vue”，当我运行这个项目时，我会得到一个错误。
λ npm run serve
> vue.v3@0.1.0 serve G:\vue\vue.v3
> vue-cli-service serve
'vue-cli-service' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm E
浏览 7提问于2019-12-02得票数 0
1回答
使用AWS弹性豆柄。将deploy_config文件设置如下：
08_queue_service_restart:
command: "systemctl restart laravel_worker"
files:
/opt/elasticbeanstalk/tasks/taillogs.d/laravel-logs.conf:
content: /var/app/current/storage/logs/laravel.log
group: root
mode: "000755"
owner: root
浏览 5提问于2022-08-17得票数 0
我正在建立一个盖茨比博客网站。我把它做成了PWA。Service worker已安装并正常工作。我面临的问题是，安装(加号)图标没有出现在地址栏上，这通常出现在基于PWA的网站上，当我在android上访问网站时，“添加到主屏幕”图标也没有出现。所以我执行了一个灯塔测试，选择了“桌面”类别，除了“内容大小适合视口”之外，所有的测试都通过了。此类别之前的图标将保持灰色，并且不会变为绿色。但是，当我执行灯塔测试时，选择"Mobile“类别，所有测试都通过。你知道问题出在哪里吗？
浏览 0提问于2020-07-30得票数 0
我正在虚拟机的Ubuntu 18中安装Worker Service。当我使用以下命令时出现错误
sudo systemctl start myservice.service
错误：
● myservice.service - dummyservice in .NET Loaded: loaded
(/lib/systemd/system/myservice.service; disabled; vendor preset:
enabled) Active: failed (Result: exit-code) since Tue 2020-05-26
23:53:20 IST; 10m
浏览 295提问于2020-05-27得票数 2
回答已采纳
您好，我已经安装了一个服务工人，但它只工作时，我打开的页面，这是代码
self.addEventListener('install', function(event) {
console.log('service worker online')
});
在安装时，它会打印service worker online，但我问题是，即使页面未打开，我也如何使其工作
我想用它来发送浏览器通知，比如
在浏览器上打开，就像facebook一样
浏览 0提问于2018-07-16得票数 0
1回答
我试图将我的应用程序转换为权重，但我有以下错误。
registerServiceWorker.js:26 Error during service worker registration: TypeError: Failed to register a ServiceWorker for scope ('https://test/page/') with script ('https://test/service-worker.js'): ServiceWorker script evaluation failed
服务工作者
/* eslint-disable
浏览 8提问于2022-02-01得票数 2
我已经在服务器上部署了PWA应用程序，但不知何故它在脱机模式下无法工作。请查找地址
当在线时，服务工作者似乎得到了完美的安装。请参考屏幕截图以获取相同信息。对于service worker安装，我使用@angular/service-worker请让我知道我应该检查的可能的循环漏洞。
浏览 0提问于2019-04-26得票数 0
17回答
我使用的是和服务器。
create-react-app有一个预配置的ServiceWorker来缓存本地资产()。
当我试图在服务器上发布时遇到的问题是，service-worker.js文件是可用的，但是当浏览器控制台试图注册它时，我在浏览器控制台中发现了错误。
在Firefox上，我得到了一个错误：
服务人员注册过程中的错误：
TypeError: ServiceWorker脚本在https://example.com/service-worker.js上的作用域https://example.com/在安装过程中遇到了错误。
在Chrome上，我得到了描述性更强的错误：
服务工作
浏览 0提问于2018-03-29得票数 67
回答已采纳
当试图使用manifest_version 3安装铬扩展时，我无法安装，因为我一直收到错误：
"background.scripts“键不能与manifest_version 3一起使用。
或
"background.persistent“键不能与manifest_version 3一起使用。请使用"background.service_worker”键。
浏览 2提问于2021-02-05得票数 23
回答已采纳
在创建基于javascript的React项目时，安装服务工作者只需在index.jsx上将serviceWorker.unregister()更改为serviceWorker.register()即可。
具有这样的项目结构：
- src
|- index.jsx
|- serviceWorker.js
构建此代码后，/build文件夹将如下所示：
- build
|- static
| |- css
| |- js
| |- media
|
|- index.html
|- service-worker.js
这将很好地工作，
浏览 2提问于2021-06-18得票数 0
1回答
我试图在localhost:3000.上使用Chrome中的服务人员我的应用程序正在使用AngularJS 1.5。
服务工作人员状态未激活。它将从安装到冗余。
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('/service-worker.js')
.then(function(registration) {
var serviceWorker;
if (registration.installing) {
浏览 2提问于2016-12-18得票数 4
背景
我完全是BuckleScript的初学者，虽然我以前下载过带有npm的包，但我从来没有写过一个库。
目标:使用npm在我的项目中安装新的包本地包
我试图在JavaScript中封装一些服务工作者api。我从一个文件bs-service-worker/src/ExtenableEvent.re开始，如下所示
type _extendableEvent('a);
type extendableEvent_like('a) = Dom.event_like(_extendableEvent('a));
type extendableEvent = extendableE
浏览 3提问于2020-06-15得票数 2
回答已采纳
中的指示，尝试创建一个python windows服务。
直接从控制台安装的服务运行得很好。
但是，当我通过auto-py-to-exe生成可执行文件(对于没有python环境的服务器)并通过命令提示符进行安装时，它会安装，但出现以下错误
windows_service.exe install
Installing service TestService
Changing service configuration
service Updated
windows_service.exe start
Starting service TestService
Error starting ser
浏览 1提问于2019-12-24得票数 3
1回答
我正在使用.net core 3.1 worker服务，worker包含使用此Nuget包CronScheduler.Extensions v3.0.0的cron作业。我在开发环境中完成了项目(一切正常，没有错误)，我将在生产环境中服务，并使用sc.exe安装worker。当我启动worker服务时，出现了一些错误，我在事件查看器日志中看到以下错误
分类: CronScheduler.Extensions.Internal.SchedulerRegistration EventId: 101
作业没有CRON：。任务将不会运行。
我该如何解决这个问题呢？谢谢你的回答。
浏览 16提问于2020-05-14得票数 1
回答已采纳
我使用的是register-service-worker，所以registerServiceWorker样板文件保持不变。
/* 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(
浏览 0提问于2020-05-22得票数 0
因此，我有一个预先存在的Vue应用程序，并希望添加PWA。我安装了@vue/cli-plugin-pwa，在第一次构建之后，我的registerServiceWorker.js (在src中)和manifest.json (在公共中)被自动创建，并且看起来工作得很好。但据我所知，在我运行npm run build之后，它还应该在dist文件夹中生成一个services-worker.js。如果我将构建文件上传到服务器上，我将获得 A bad HTTP response code (404) was received when fetching the script.
Failed to lo
浏览 139提问于2019-02-25得票数 6
1回答
我有一个PWA与多种不同的语言，并希望只缓存语言特定的文件安装。在安装过程中，我无法找到一种与服务工作者交流语言的方法。关于我怎么做的想法？
启动服务工作人员的js代码：
navigator.serviceWorker.register('../service-worker.js', { scope: '/' }).then((reg) => {
console.log('Service worker registered successfully.', reg);
registration = reg;
}).catch(
浏览 3提问于2022-06-04得票数 0
回答已采纳
浏览器抱怨文件在重定向后：
DOMException: Failed to register a ServiceWorker:
The script resource is behind a redirect, which is disallowed.
到目前为止，我尝试了以下内容：
Service worker on `static/service-worker.js`
Service worker on @GetMapping("/service-worker.js") @ResponseBody
在这两种情况下，我都可以从brower的/service-worker.j
浏览 1提问于2017-07-26得票数 0
回答已采纳
我看到还有其他类似的问题被问到了，错误是在主js文件中有分析代码，而不是service-worker.js文件。在本例中，所有代码都在service-worker.js文件中。
安装程序:节点16.0.0 (对节点15.x.x也这样做)，以及使用eleventy构建的静态站点
对于google，我使用analytics.js文件。基本上，这还添加了一些其他选项：
<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=
浏览 0提问于2021-04-22得票数 1
回答已采纳
4回答
将PWA添加到角8-模块构建失败
、、、、
我有8角的应用程序。在这个应用程序中，我有三个项目。
我想使用以下命令添加@angular/pwa
ng add @angular/pwa && ng build --prod
但是当安装PWA时，我会出错。
./node_modules/@angular/service-worker/fesm2015/service-worker.js模块构建中的错误失败:错误: ENOENT:没有这样的文件或目录，打开'C:\Development\Repositories\app\node_modules@angular\service-worker\fesm2015\servi
浏览 12提问于2019-11-19得票数 3
回答已采纳
1回答
我目前正在尝试建立一个与谷歌渐进式web应用规范兼容的Web应用。为此，我使用基于Dart和聚合物的Webcomponents的Angular，而不是Angular组件。到目前为止，一切都像预期的那样工作。为了使应用程序能够使用Service-Worker API离线，我使用了以下dart库：
使用聚合物或Service-Worker都可以正常工作，但组合booth只是在应用程序启动时出现错误。
这是我的AppComponent启动例程：
// ... other imports
import 'package:service_worker/window.dart' as sw
浏览 0提问于2017-04-07得票数 3
我已经使用以下命令在现有应用程序中添加了Angular service worker ng add @angular/pwa 在此之后，我构建了应用程序并运行了应用程序。首先，它显示了服务工作者，但我手动将其取消注册。在那之后，我试着重新构建它。但是service worker不会再次安装。 我可以知道如何在Angular应用程序中再次注册服务工作者吗？ App.module.ts ServiceWorkerModule.register('ngsw-worker.js', {
enabled: environment.production,
// R
浏览 23提问于2021-10-03得票数 1
版本
"@angular/common"："~9.0.0""@angular/service-worker"："~9.0.0"
描述
我使用ng add @angular/pwa --project [app]实现了服务工作者，灯塔将把这个网络应用程序识别为PWA。突然，一个部署到Firebase托管“安装”通知没有弹出，所以我检查了开发控制台。
舱单仍然像往常一样出现：
但是没有任何东西被缓存：
在运行灯塔审核时，我得到以下错误：
start_url does not respond with a 200 w
浏览 7提问于2020-06-17得票数 4
回答已采纳
我使用iron.io和它的工作任务作为后台进程。我的代码相当简单，就像这样：
<?php
require 'vendor/autoload.php';
$uri = "my_connection_string";
$client = new MongoClient($uri);
:
:
composer.json类似于：
{
"require": {
"iron-io/iron_worker": "2.0.4",
"wp-cli/php-cli-tools&#
浏览 7提问于2016-02-20得票数 0
我有一个Vue-cli项目，并希望启用离线支持(pwa，渐进的web应用程序功能)。因此，我为vue cli安装了PWA插件。
在vue.config.js中，我配置了Pwa和工作框，如下所示：
...
pwa: {
name: 'projectname',
// configure the workbox plugin
// workboxPluginMode: 'GenerateSW',
workboxPluginMode: 'InjectManifest',
workboxOptions: {
浏览 3提问于2020-04-16得票数 7
1回答
我正在使用服务工作者缓存rest服务发出的请求。该实现对应于本页面中描述的“网络响应”。
self.addEventListener('fetch', function (event) {
event.respondWith(
caches.open('mysite-dynamic').then(function (cache) {
return cache.match(event.request).then(function (response) {
return (
response ||
浏览 0提问于2021-02-12得票数 0
IPython 7、x64、Python2.7、蟒蛇4.2.0、Windows5.1.0
我正在学习一些multiprocessing教程，当我在IPython控制台中工作时，马上就遇到了一个问题。下面的代码...
import multiprocessing
print 'hello'
def worker():
"""worker function"""
print 'Worker'
return
jobs = []
for i in range(5):
p = mult
浏览 3提问于2016-10-04得票数 0
我想在我的react项目中添加service worker。项目准备就绪默认服务似乎不起作用。
即使当我尝试导入它时，也会出现以下错误：
尝试导入错误：'./registerServiceWorker‘不包含默认导出(作为’registerServiceWorker‘导入)。
此外，如何在默认版本的serviceWorker文件中添加要缓存的文件。
如果我添加自己的自定义serviceWorker文件，就像无反应(框架)应用程序一样，它是否适用于react情况？
目前，我的index.js中有这些代码
import React from 'react';
import
浏览 2提问于2018-12-12得票数 2
我已经在我的package.json中安装了"@vue/cli-plugin-pwa": "^4.5.12",，还在我的vue.config.js中添加了workbox配置。问题是，当我使用包含我的脚本：vue-cli-service build --mode prod.example的npm run build:prd构建项目时，我的dist文件夹中没有service-worker.js。 这是我的vue.config.js： module.exports = {
// ...other vue-cli plugin options...
p
浏览 164提问于2021-08-25得票数 0
回答已采纳
我在IIS服务器上托管reactjs pwa应用程序。由于浏览器不支持Service worker，因此出现错误 error
浏览 27提问于2020-01-09得票数 1
1回答
我一直试图使用SvelteKit为我的网站创建SvelteKit，但这里遇到了一个问题。我创建了一个文件/src/service-worker.ts，并在其中放置了以下代码
import { build, files, prerendered, version } from '$service-worker';
const applicationCache = `applicationCache-v${version}`;
const staticCache = `staticCache-v${version}`;
const returnSSRpage = (path)
浏览 16提问于2022-07-04得票数 2
回答已采纳
我使用create-react-pwa(CRP)工具创建一个应用程序，并将该应用程序部署到本地IIS根路径。然后我在localhost上打开Chrome。一切都运行得很好，甚至Service worker也完成了自己的工作，获取和缓存应用程序包和其他资源。在开发工具中，单击应用程序选项卡中的Add to homescreen按钮，然后添加一个快捷方式。
当我将根路径更改为子文件夹(localhost/myapp)时出现问题。当然，我会在package.json和manifest.json中更改CRP设置和编辑主页
//package.json
"homepage" : "
浏览 2提问于2017-04-13得票数 3
我尝试将sw.js文件放在子目录中，而不是根目录中。但随后我收到一个错误，指出无法安装service-worker。 这个文件真的有必要放在根目录中吗?或者我只是遗漏了什么？ JS-代码： if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/js/pwa/sw.js', { scope: '/js/pwa' }).then(function(reg) {
console.log('Successfully register
浏览 35提问于2019-10-01得票数 3
回答已采纳
我需要一个Aurelia中的服务工作者的示例。我尝试了多个代码示例，但没有人调用install、activate和fetch方法。 服务工作者被激活，但从未达到安装正在工作或激活的地步。 我需要一些帮助来理解主要问题。此外，我注意到addEventListener“加载”到窗口没有响应，因此我使用了"aurelia-composed“。 service-worker.js // installing & Activating & fetching
self.addEventListener("install", event => {
浏览 11提问于2019-08-28得票数 1
最近几天，我在PHP 7.0.1中使用了PHP线程(Pthread)(在配置中使用了-enable-maintainer-zts)，并且在使用Thread或Worker时都工作得很好。当我试图为一个Worker创建一个从Stackable继承的类时，我得到了“致命错误:找不到类'Stackable‘”。
通过使用get_declared_classes()，我意识到对于线程，我只有Threaded、Volatile、Thread、Worker和Pool类。我认为这是pthread版本(最新的3.1.15)的问题，但卸载它并安装回3.0.0时，同样的错误也出现了。
此外，PHP手册(英文
浏览 1提问于2016-01-04得票数 4
0回答
我打算使用Service Worker使Web应用程序脱机可用。当我连接到Internet时，缓存存储器会显示这些文件。但是，如果我离线，缓存似乎就消失了。我没有启用Service Worker选项卡中的Update on Reload复选框。
我的服务工作者的fetch事件是：
self.addEventListener('fetch', function(e) {
console.log('[ServiceWorker] Fetch', e.request.url);
e.respondWith(
caches.match(e.request
浏览 7提问于2017-12-10得票数 2
回答已采纳
1回答
在ReactJS版本16.x.x中，只需更改就可以很容易地生成一个渐进的Web应用程序
serviceWorker.unregister()
// to
serviceWorker.register()
但是，当我安装Reactive17.0.1(立即使用)时，我在那里找不到serviceWorker文件，但我找到了一个用于测量应用程序性能的serviceWorker文件。有没有办法让我的反应应用v17.x.x是一个PWA？
同时:我已经将serviceWorker.js文件复制回我的工作区，并且也注册了应用程序，但是错误消息失败了。
Error during service worker
浏览 3提问于2021-01-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
