networking工作者在执行时抛出404
我的项目结构看起来像
js /client.js /script1.js /webWoker.js node_modules .gitignore index.html
main.html
也包含在内
<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>
我的script1.js
看起来像
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); }; }
和我的webWorker.js
看起来像
onmessage = function (e) { console.log('Message received from main script'); var result = "#27ae60"; console.log('Posting message back to main script'); postMessage(result); };
我为这个项目使用node.js
,并通过npm start
运行它,当我在浏览器中运行它时,我看到了
script1.js:81 GET http://localhost:8080/webWorker.js 404 (Not Found) execute @ script1.js:81 img.onload @ script1.js:64
这里怎么了?
您不必在主页面中包含工作脚本(这甚至是一个坏主意),但是您传递给new Worker(URI)
与当前documentURI相关。
所以在你的情况下,它应该是new Worker("/js/webWorker.js");
。