在一个简单的HTML5 web worker项目中，我定义了一个使用HTML5消息传递API交换消息的web worker。由于我们定义了两个.onmessage处理程序(回调函数)，一个在主脚本中，另一个在worker.js: index.html中，这里有一个让我感到困惑的原因：
<!DOCTYPE html>
<html>
<body>
<script>
var worker = new Worker("worker.js");
worker.onmessage = function(event) {
alert(&
浏览 1提问于2013-01-11得票数 2
回答已采纳
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
我在我的项目中引入了一名服务工作者，它将用于推送通知。我想在服务工作者和我的其他网站之间分享一些共同的代码。
使用Webpack 3构建我的项目，我最初的方法是为服务工作者创建一个单独的条目，并将生成的文件放在输出的根上，而不需要散列来为其提供一个一致的web地址：
entry: {
'app': './src/main.js',
'service-worker': './src/service-worker.js'
},
output: {
path: config.build.assetsRoot,
filen
浏览 0提问于2018-09-08得票数 2
回答已采纳
几个小时以来，我一直在尝试用npm安装的pdf.js替换基于链接的pdfjs-dist，因为我注意到我的链接不打算用作cdns，并且可能会变得不稳定，就像一样。
除了几个例子之外，我找不到很多关于如何实现这个功能的文档，当Webpack参与其中时，他们主要是使用React，而我只是在Django框架中使用ES6 (在所需的django目录上进行静态编译，而不使用webpack-plugin)。
在和一位在pdf.js上工作的人在一起之后，我的编译错误似乎是Webpack如何在内部处理库造成的。我现在看到的是：
WARNING in ./node_modules/worker-loader/di
浏览 3提问于2020-08-23得票数 11
回答已采纳
我有一个有以下服务的应用程序：
web/ -在端口5000上持有并运行一个python3烧瓶web服务器。使用sqlite3。
worker/ -有一个index.js文件，它是队列的工作程序。web服务器通过端口9730使用json与此队列进行交互。工人用红色来储存。工作人员还将数据本地存储在文件夹worker/images/中。
现在这个问题只涉及到worker。
worker/Dockerfile
FROM node:0.12
WORKDIR /worker
COPY package.json /worker/
RUN npm install
COPY . /wor
浏览 23提问于2015-05-05得票数 268
我试图在backbone.js项目中实现worker，并得到了错误消息src/js/worker.js404(未找到)
我创建了一个worker.js文件，文件中有下面的代码
this.addEventListner('message', function(e){
console.log('Message received: ', e.data);
});
下面的代码向员工发送消息
let worker = new Worker('src/js/worker.js')
worker.postMessage('hello');
浏览 0提问于2018-12-23得票数 0
1回答
我正在创建一个这样的网络工作者：
const getWebWorker = () => {
let worker;
if (typeof worker === 'undefined') {
worker = new Worker('worker.js');
}
return worker;
};
然后我就这样调用这个函数：
useEffect(() => {
getWebWorker().onmessage = (event) => {
setWorkerData(event.data);
};
}, [
浏览 3提问于2021-10-03得票数 3
我的脚本文件夹中有一个Worker.js文件和一个Subworker.js文件。创建worker没有问题，我可以在调试器中单步执行它的代码；但是当我希望该worker派生一个子worker时，它没有被创建，并且我无法在调试器中单步执行该子worker代码文件。
In myPage.htm script block:
var worker = new Worker("Scripts/Worker.js"); // Succeeds
In Worker.js script file:
var subworker = new Worker("Subworker.js&#
浏览 1提问于2013-07-27得票数 0
4回答
接收错误Could not load file 'worker.js' for content script. It isn't UTF-8 encoded.
> file -I chrome/worker.js
chrome/worker.js: text/plain; charset=utf-8
使用
> to-utf8-unix chrome/worker.js
chrome/worker.js
----------------
Detected charset:
UTF-8
浏览 1提问于2018-04-23得票数 6
重要:由于需要，我所有的文件都必须使用文件协议file://加载(通过单击它/拖放到浏览器上打开它)。
由于使用了文件协议中的web工作者&无法修改浏览器上的任何内容，我目前正在Firefox中运行代码。
我的文件结构如下：
main
|-index.html
|-pages
| |-module1
| |-page1.html
|-js
| |-index.js
|-deps
|-worker.js
index.js被加载到page1.html中
<script src="../../js/index.js"><
浏览 2提问于2019-06-08得票数 1
一个脚本如何在Web Worker脚本中使用Javascript imports / require，并在不使用Worker-Loader或任何其他“插件”抽象的情况下将其捆绑到使用Webpack中-只使用浏览器Web Worker API？ 通过Webpack，我能够生成两个脚本：main.js和worker.js。设置了Webpack文件来转换这两个文件。 在main.js中实例化一个新的worker const worker = new Worker('worker.js')。 Worker脚本很简单： /// worker.js
onmessage = functi
浏览 14提问于2019-12-17得票数 1
回答已采纳
在安装Tomcat并测试之后，我尝试在Ubuntu12.04上使用Apache2安装tomcat 7和mod_jk，测试结果很好：
我安装并配置了mod_jk：
sudo apt-get install libapache2-mod-jk
取消文件etc/tomcat7 7/server.xml中的以下行<Connector port="8009" protocol="AJP/1.3" redirectPort="8443" />注释
添加以下内容：
# Define 1 real worker using ajp13
worke
浏览 0提问于2015-07-19得票数 0
回答已采纳
我有以下pwa项目的workbox.config.js文件配置
module.exports = {
"globDirectory": "public/",
"globPatterns": [
"**/*.{png,xml,css,ico,jpg,svg,js}"
],
"swDest": "public/service-worker.js",
"swSrc": "resources/js/service-worker.js",
"globIgnore
浏览 32提问于2021-06-06得票数 0
我正在尝试完成我的一个课程的练习，我的HTML文件不会链接到我的Javascript文件。我将HTML文件和Javascript文件之间的链接放在HTML文件的正文中，但是文件仍然无法连接。当我在Microsoft中测试此代码时，这些按钮根本无法工作。有人知道问题出在哪里吗？
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Page</title>
<script src
浏览 6提问于2016-05-12得票数 1
回答已采纳
1回答
跨语言网络工作者？
、、、、
这是否可能，从以下几个方面来看：
app.js：
...
var w = new Worker("data:application/dart;charset=US-ASCII," + dart_code );
// will this break or continue?
使用Dartium ( Chromium + Dart VM浏览器)的人会这样做吗？
浏览 3提问于2014-06-03得票数 1
1回答
工人-装载机内联做什么？
、、、、
我的理解是，下面的Webpack工人装载机配置：
...
module: {
rules: [
{
test: /worker\.js/,
loader: "worker-loader",
options: {
inline: 'fallback',
}
}
{ ... }
]
}
...
将一个工作文件(在本例中名为worker.js )与其他JS文件捆绑到输出文件中，从
浏览 2提问于2021-01-07得票数 4
回答已采纳
1回答
我想知道Worker构造函数是否接受相对路径。例如，具有如下文件结构：
root/
+---js/
| +--workers/
| | +--some-worker.js
| +--index.js
+---index.html
如果index.html加载index.js和index.js，则执行如下操作：
var someWorker = new Worker("./workers/some-worker.js");
这样行吗？嗯，不是。奇怪的是，它将url解析为<domain>/workers/some-worker.js。
这个问题有解决办法吗
浏览 3提问于2015-06-28得票数 4
回答已采纳
我是Java script的新手，最近了解了Web Workers，它基本上是Java Script中多线程的解决方案。在我找到的所有示例中，他们都使用了在同一个js文件中发布消息和接收来自web worker文件的响应消息。我的问题是，我是否可以在一个java脚本文件中开始执行web worker，然后在另一个单独的java脚本文件中接收结果，如下面的示例所示：
//start.js
function startWebWorker()
{
var message = "execute";
var myWorker = new Worker("
浏览 32提问于2018-09-27得票数 0
回答已采纳
1回答
我对显示以下PDF文件有问题。
我要做的是把这个文件作为Uint8Array传递给PDF.js。我得到了下面的堆栈跟踪：
Warning: Setting up fake worker. pdf.js:106
(while reading XRef): TypeError: Cannot read property 'get' of undefined pdf.worker.js:5281
Error
at XRefParseExceptionClosure (http://127.0.0.1:8090/assets/js/vendor/pdf- js/pd
浏览 24提问于2014-06-14得票数 2
1回答
TLDR:似乎Create生成的块js文件中没有包含在serviceworker中。
我们有一个非常普通的Create (4.0.3版)配置，并打开了serviceworker。当我使用npm运行构建时，它创建一个构建/静态/ js文件夹，其中包含两个块文件:一个主块文件(即main.9c46d9a1.chunk.js)和一个2.*块js文件(即2.ab51bb70.chunk.js)。在生成的Asset-sym.json文件中，它们如下所示：
"main.js"：“./static/main.9c46d9a1.chunk.js”，
“静态/js/2.ab51bb70.
浏览 11提问于2021-05-05得票数 1
回答已采纳
1回答
在我的gulp任务中，我想排除除*.worker.js文件之外的所有*.js文件，所以我这样做了：
path.join('!' + conf.paths.src, '/**/*.!(worker.)js')
不幸的是，这排除了所有文件，包括我的worker文件。也许你能帮我？
浏览 0提问于2017-01-13得票数 0
以下示例来自Node文档： import cluster from 'cluster';
cluster.setupPrimary({
exec: 'worker.js',
args: ['--use', 'https'],
silent: true
});
cluster.fork(); // https worker
cluster.setupPrimary({
exec: 'worker.js',
args: ['--use', 'http']
});
浏览 17提问于2021-10-31得票数 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
我希望你们都做得很好。我正在尝试从 worker.js 文件内部建立到socket.io服务器的连接，使用importScripts加载 js文件，该文件与worker.js位于同一目录中。在使用var socket =io.connect(‘’)加载socket.io-client之后，我尝试在不同的主机上建立到socket.io服务器的连接，但它不起作用。请给我指出正确的方向，我很感谢你的帮助。
<script>
var worker = new SharedWorker("http://baseUrl.com/js/push/worker/worker
浏览 106提问于2015-12-03得票数 1
回答已采纳
1回答
创建了导入文件的Worker类的实例，但在控制台启动时出现了一个错误“导入声明只能出现在模块的顶层”。
工作人员调用文件的代码：
const worker = new Worker('./js/workers/calculateRequestData.js', {
type: 'module',
});
worker.postMessage({ data: '1' });
worker.addEventListener('message', (event) => {
console.log(event.data)
浏览 7提问于2022-07-26得票数 0
编辑
将shared-worker.js文件重命名为其他任何东西，例如shared-worker-new.js，似乎解决了这个问题。我试过清空缓存，重新启动浏览器，并做艰难的重新加载，但shared-worker.js只是不想工作。新的工作文件似乎没有缓存问题。文件的更改在重新加载后立即应用。有人知道我为什么不能使用shared-worker.js吗？
/edit
我似乎无法在Google中加载共享工作人员(67.0.3396.99)。然而，当我切换到隐名模式时，它确实有效。Firefox (61.0.1)在常规模式和私有模式下都可以正常工作。我已经尝试过禁用我的浏览器插件，但这也不起作用。
浏览 0提问于2018-08-02得票数 1
我的员工-api.ts文件是：
export class WorkerApi {
private worker:Worker;
constructor() {
this.worker = new Worker("layout-worker.js");
}
// more ...
}
我正在尝试创建，如下所示：
require(["../common/events.js", "worker-api.js"], function (events,
浏览 2提问于2014-04-17得票数 1
回答已采纳
HTML文件
<!DOCTYPE html>
<html>
<head>
<title></title>]]]
<meta charset="utf-8" />
<script type="text/javascript">
function syncMe() {
debugger;
var worker = new W
浏览 4提问于2016-11-29得票数 0
2回答
我试图通过使用webpack的工作者加载程序将一个web工作者脚本加载到我的反应性应用程序中。但是，我得到一个模块没有找到错误。
未找到./src/index.js模块中的错误：“C：\Users\wyrm\Documents\Project\src‘中的错误:无法解析”./file.Worker“
这是我的src/index.js，这是webpack的切入点
import React from "react";
import ReactDOM from "react-dom";
import Worker from "./file.worker
浏览 2提问于2018-12-29得票数 10
3回答
我正在使用Firefox创建一个扩展并执行一个PageMod。此代码在main.js中。
...
exports.main = function() {
var pageMod = require("sdk/page-mod");
pageMod.PageMod({
include: "*",
contentScriptWhen: 'end',
contentStyleFile: [
self.data.url("css/style.css"),
self.data.url
浏览 7提问于2014-06-23得票数 6
回答已采纳
我在http://localhost/js/foo.js上有一个脚本，它需要从文件http://localhost/js/fooWorker.js中派生一个Web Worker。我假设我可以这样做：
var worker = new Worker('fooWorker.js')
但是，这会导致404错误，因为浏览器找不到http://localhost/fooWorker.js。我的印象是worker路径是相对于生成worker的脚本进行解析的，所以我不应该只指定同一目录中另一个.js文件的名称，而不必提供绝对路径吗？我做错了什么吗？
浏览 0提问于2012-09-14得票数 21
回答已采纳
1回答
我试图从一个自定义npm包中加载一个网络工作人员。
[App] -> [my npm package -> load worker]
我在npm包中使用worker-loader加载工作文件：
import Worker from 'worker-loader!./myPackage.worker';
const worker = new Worker();
我的webpack配置在本地npm包内：
{
entry: './packages/myPackage/src/index.ts',
output: {
library:
浏览 2提问于2021-07-19得票数 2
我正在写一个使用PhoneGap的应用程序。我想使用javascript Web Worker。它在Android上运行得很好。它也可以在带有UIWebView的iOS上工作。
我想在iOS 9中使用WKWebView。我尝试使用cordova- .txt -file成功地读取本地文件夹中的插件文件。
我使用了以下教程：
但这并没有解决这个问题。
new Worker ('js/tested.js');
Dom Exception 18 returns an error.
new Worker ('www/js/tested.js');
Dom Exceptio
浏览 11提问于2016-09-16得票数 1
回答已采纳
1回答
我正在构建一个带有微前端架构的web应用程序。我在为工作箱服务人员注册时遇到了麻烦。我继续得到服务-worker.js文件的404错误。
架构
Web-|
| Apps - |
| |- Shell -|
| | L src - |
| | |- index.html
| | |- main.ts
| | L app -|
| |
浏览 6提问于2022-04-22得票数 0
我试图使一个网络工作者，将从服务器上取一些东西每n毫秒作为poc为我需要的东西。但是我有一个问题，我试图在我的webworker中使用$.ajax，即使我在html文件中定义了jquery，它也会说$没有定义，并且我不知道如何在我的worker.js文件中使用jquery。我认为主要的问题是，当我创建一个worker时，我将文件指定为"new Worker("worker.js");“，我认为这会搞乱jquery，所以jquery没有与我的worker js相关联。我可能弄错了。我不知道我到底能怎么解决这个问题。
这是我的html文件：
<html>
<
浏览 2提问于2018-01-24得票数 0
回答已采纳
嗨，我遇到了从web工作者检索JSON对象的问题，我能够接收到类似于对象对象的东西，而对象对象不是JSON对象。以下是我的密码。
main.js文件
if (window.Worker) { // Check if Browser supports the Worker api.
var worker;
try {
worker = new Worker("worker-data.js");
worker.postMessage([{"data": [{"data1":30},{"dat
浏览 2提问于2017-05-25得票数 1
回答已采纳
我让我的web worker在一个bookmarklet中工作。代码与调用代码驻留在同一个文件夹中，我没有显式地加载工作代码，因为它是使用worker.js文件中的importScripts函数加载的。
我像这样创建工人
if(typeof(Worker) !== "undefined") {
worker = new Worker('worker.js');
}
然后我就这样叫工人
worker.postMessage({'cmd': 'start', 'grabRate'
浏览 0提问于2015-11-05得票数 1
我正在尝试使用physi.js库()。我遵循了给出的所有步骤：
然而，我得到了错误：
Uncaught SecurityError: Failed to construct 'Worker': Script at 'file://172.16.159.200/js/physijs_worker.js' cannot be accessed from origin 'null'.
我试着更深入地了解，并发现这行代码的问题：
this._worker = new Worker( Physijs.scripts.worker || 'phys
浏览 22提问于2015-05-13得票数 5
1回答
我是Android新手，我正在处理通知，但我尝试了所有与我的链接相关的链接，仍然收到相同的错误。任何帮助都将不胜感激。前进，谢谢
const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);
exports.sendNotification =
functions.database.ref('/notifications/{user_i
浏览 0提问于2018-10-29得票数 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
回答已采纳
在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
1回答
我目前正在使用文件加载器在react应用程序(CRA)中的一个文件中导入模块： "file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.min.js" 当运行Jest时，它抛出这个错误： Cannot find module 'file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.min.js' 通过设置modulePathIgnorePatterns和moduleNameMapper，我尝
浏览 24提问于2020-01-08得票数 2
我似乎无法从ES6脚本文件实例化web worker。MDN说这应该是可能的：
const worker = new Worker('my-worker.js', {type:"module"});
这对我不起作用，我得到一个错误：
SyntaxError: import declarations may only appear at top level of a module
MCVE：
test.html
<html>
<head></head>
<body><script type="text
浏览 0提问于2018-09-26得票数 4
2回答
我在一个程序中有一个非常简单的文件系统。
:main.cpp包括worker.h、worker.h和worker.cpp，其中包括worker.h。
H具有头保护，并且声明了一些main.cpp和worker.cpp都需要的变量，还有一些函数声明。
#ifndef __WORKER_H_INCLUDED__
#define __WORKER_H_INCLUDED__
bool x;
int y;
void somefunction( int w, int e );
#endif
通过一些其他线程和google结果，我了解到头保护保护您免受单个源文件中的多个包含，而
浏览 2提问于2012-12-03得票数 3
回答已采纳
第一次尝试worker，似乎无法从后台工作人员那里得到响应。
标记：
<script src="~/Scripts/script.js"></script>
<button onclick="TriggerWorker()">Trigger Worker</button>
script.js文件的内容：
function TriggerWorker() {
var myWorker = new Worker('worker.js');
myWorker.onmessage = f
浏览 2提问于2015-02-22得票数 0
回答已采纳
3回答
我正在尝试让我的构建设置(Yeoman /ange-ful堆栈生成器)分离出一个文件，pdf.worker.js，因为pdf.js需要直接调用它。一旦缩小，它就会找到一个文件，如：
dbdj4jkwn.vendor.worker.js
显然不存在。我试图在我的index.html中添加第二个build语句，因为我正在通过bower管理pdf.js，但是它没有工作。构建系统从另一个bower块中插入所有bower_component脚本，并且在生成jdkjfjf34jk.vendor.worker.js时文件是空的。
<!-- build:js({client}) app/vendor.w
浏览 7提问于2014-10-25得票数 2
回答已采纳
1回答
当我尝试使用库中提供的合适的加载器加载一个非常大的文件时，我的网站运行的选项卡崩溃了。我尝试过实现Worker类，但它似乎不起作用。下面是会发生的事情：
在主javascript文件中，我有：
var worker = new Worker('loader.js');
当用户选择一个可用的模型时，我检查扩展名并将文件URL/路径传递给worker：(在本例中是一个pcd文件)
worker.postMessage({fileType: "pcd", file: file});
现在，loader.js包含了使其正常工作所必需的适当的包含：
importScrip
浏览 3提问于2016-07-15得票数 0
我想给我的Angular应用做一个推送通知。我使用的是vanilla js，而不是Angular服务工作者或@angular/pwa。
我在angular.json的脚本选项中添加了js文件的路径。当服务工作者要注册时，它从根目录()重定向路径，而不是从我放置文件的文件夹重定向路径。
这是angular.json文件：
"scripts": [
"./src/assets/js/main.js",
"./src/assets/js/sw.js"
]
main.js文件：
const applicationS
浏览 41提问于2019-11-12得票数 1
回答已采纳
所以我有一个Vue 3+打字应用程序。当然，npm run build会将应用程序编译到dist文件夹中，这样就可以部署它了。我有一个web工作者类型记录文件，我想要单独编译，这样它就会以名为dist的worker.js文件夹的根目录结束。我要找的是：
dist
|- worker.js
src
|- worker.ts // This gets compiled to js file in dist folder
我试着在我的vue.config.js中使用webpack的vue.config.js，如下所示：
const webpack = require('webpack
浏览 1提问于2022-03-21得票数 2
回答已采纳
如何在Playframe工作的js文件中加载另一个javascript --这是我的conf文件
# Routes
# This file defines all application routes (Higher priority routes first)
# ~~~~
# Home page
GET / controllers.Application.index
POST /upload controllers.Application.uploadFile
# Map stat
浏览 0提问于2015-07-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
