My project structure looks like

js
  /client.js
  /script1.js
  /webWoker.js
node_modules
.gitignore
index.html

The main.html has it included as well in

<script type="text/javascript" src="js/script1.js"></script>
<script type="text/javascript" src="js/client.js"></script>
<script type="text/javascript" src="js/webWoker.js"></script>

My script1.js looks like

if (window.Worker) {
    console.log("uri: " + document.documentURI);
    var myWorker = new Worker("myworker.js");
    myWorker.postMessage("hello");
    console.log(myWorker);

    myWorker.onmessage = function (e) {
        result.textContent = e.data;
        console.log('Message received from worker: ' + result.textContent);
    };
}

and my webWorker.js looks like

onmessage = function (e) {
    console.log('Message received from main script');
    var result = "#27ae60";
    console.log('Posting message back to main script');
    postMessage(result);
};

I use node.js for this project and run it via npm start, and when I run this in browser I see

script1.js:81 GET http://localhost:8080/webWorker.js 404 (Not Found)
execute @ script1.js:81
img.onload @ script1.js:64

What is going wrong here?

My project structure looks like

js
  /client.js
  /script1.js
  /webWoker.js
node_modules
.gitignore
index.html

The main.html has it included as well in

<script type="text/javascript" src="js/script1.js"></script>
<script type="text/javascript" src="js/client.js"></script>
<script type="text/javascript" src="js/webWoker.js"></script>

My script1.js looks like

if (window.Worker) {
    console.log("uri: " + document.documentURI);
    var myWorker = new Worker("myworker.js");
    myWorker.postMessage("hello");
    console.log(myWorker);

    myWorker.onmessage = function (e) {
        result.textContent = e.data;
        console.log('Message received from worker: ' + result.textContent);
    };
}

and my webWorker.js looks like

onmessage = function (e) {
    console.log('Message received from main script');
    var result = "#27ae60";
    console.log('Posting message back to main script');
    postMessage(result);
};

I use node.js for this project and run it via npm start, and when I run this in browser I see

script1.js:81 GET http://localhost:8080/webWorker.js 404 (Not Found)
execute @ script1.js:81
img.onload @ script1.js:64

What is going wrong here?

• javascript
• node.js
• web-worker

Share Improve this question Follow edited Apr 19, 2017 at 4:59 buræquete 14.7k44 gold badges5353 silver badges9595 bronze badges asked Apr 19, 2017 at 1:39 daydreamerdaydreamer 92.2k204204 gold badges473473 silver badges750750 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You don't have to include the worker script in your main page (it's even a bad idea), but the URI you pass to new Worker(URI) is relative to the current documentURI.

So in your case, it should be new Worker("/js/webWorker.js");.