使用require.js在Web Worker中加載JQuery

Question

我正在嘗試在我的應用程序中實現一個工作程序模塊。 該應用程序本身正在使用require.js加載所有預需求項。 這是加載工作程序模塊的所有問題的起點。

的index.html

<script>
    var worker = new Worker('worker_module.js');
</script>

工人module.js

importScripts('../vendor/require.min.js');

require(['../vendor/jquery.min'], function ($){
   console.log("Test")
});

每次加載頁面時都會彈出此錯誤。

Error: importScripts failed for ../vendor/jquery.min at ./../vendor/jquery.min.js

任何想法可能有什么問題嗎？ 我有什么想念的嗎？

Answer 1

我認為這篇文章可能會回答您的問題。

據我所知，由於jQuery需要DOM訪問，因此無法在Web-worker中使用jQuery。

Answer 2

如果您嘗試直接importScripts JQuery，則會看到它是jQuery，而不是Require.js錯誤：

TypeError: document is undefined

JQuery旨在與主要dom文檔一起使用，並且在Web worker中沒有可用的DOM API。 您也不能使用本機API來解析HTML字符串。

我找到了解決方法，答案在這里： https : //stackoverflow.com/a/33944817/607407這是一個包含您的代碼的演示： http : //fel.8u.cz/workerrjs/main/