Webpack无法发出依赖于importScripts()创建的变量的语句
Webpack是一个现代化的静态模块打包工具，它主要用于将前端项目中的各种资源（如JavaScript、CSS、图片等）打包成静态文件，以便在浏览器中加载和运行。
对于无法发出依赖于importScripts()创建的变量的语句的问题，首先需要了解importScripts()是一个Web Worker API，用于在Web Worker线程中动态加载其他脚本文件。而Webpack主要用于打包前端代码，不直接支持Web Worker的打包。
解决这个问题的方法是使用Webpack的插件或配置来处理Web Worker相关的代码。以下是一些可能的解决方案：
- 使用worker-loader插件：worker-loader是Webpack的一个插件，用于处理Web Worker相关的代码。它可以将Web Worker脚本文件打包成一个单独的文件，并返回一个Worker对象，以便在主线程中使用。你可以在Webpack配置文件中配置worker-loader来处理importScripts()相关的代码。
- 使用webpack-web-worker插件：webpack-web-worker是另一个Webpack插件，它可以将Web Worker脚本文件打包成一个单独的文件，并返回一个Worker对象。你可以在Webpack配置文件中配置webpack-web-worker来处理importScripts()相关的代码。
- 使用动态导入：Webpack 5引入了动态导入的功能，可以在代码中使用import()函数来动态加载模块。你可以尝试使用import()来加载Web Worker脚本文件，并在主线程中使用动态导入的模块。
总结起来，对于无法发出依赖于importScripts()创建的变量的语句的问题，可以通过使用Webpack的插件或配置来处理Web Worker相关的代码，如worker-loader插件、webpack-web-worker插件或动态导入功能。这样可以将Web Worker脚本文件打包成一个单独的文件，并在主线程中使用。具体的配置和使用方法可以参考相关插件的文档和示例。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Webpack无需配置：https://cloud.tencent.com/document/product/1213/44399
- 腾讯云Web Worker服务：https://cloud.tencent.com/document/product/1213/44398
相关·内容
我使用Webpack捆绑了一个webworker，该webworker使用importScripts()导入require.js，但是依赖于导入的requirejs的表达式不是由webpack发出的。例如，webpacking这个脚本： importScripts('./require.js')
requirejs.config({...})产生a bundled module：其中对requirejs.
浏览 96提问于2019-04-18得票数 0
我用react，webpack，docker和AWS构建了一个web应用程序。我怎样才能做到这一点？===
浏览 0提问于2020-04-01得票数 0
回答已采纳
我正在开发一个使用create- React -app创建的react应用程序。我在其中创建web worker时遇到了问题，所以我在so上发布了一个问题：};它起
浏览 1提问于2017-11-29得票数 9
1回答
在webpack中，我的大多数文件名都附加了一个内容散列，例如“app.bfu98y98UB899UHhi9q.js”，这是因为在我的服务工作者文件中，我需要添加一个列表，列出将被缓存的所有文件名，但所有文件名都要在生成后才知道现在，我发现了webpack清单插件，它发出一个包含转换文件名列表的json文件。所以我认为现在我可以将json导入到我的服务工作者中，但是后来我发现您不能将json导入到服务工作者中。因此，现在我不知道如何给我的</e
浏览 4提问于2021-02-22得票数 1
回答已采纳
在服务工作线程中，我尝试使用importScripts导入另一个帮助器脚本，但是我总是得到一个Uncaught DOMException: Failed to execute 'importScripts我在Service Worker中有以下代码：}
export func
浏览 2提问于2019-04-11得票数 7
我想在我正在开发的扩展中使用Google登录jsrsasign-all-min.js OAuth2之后，导入OAuth2库来解析JWT令牌。我遇到的问题是，我得到了以下错误：我认为这是因为这个库打算在前端运行，而background.js并不完全是这样的这是我的manifest.json文件： "manifest_version": 3,
"name": "R
浏览 19提问于2022-09-08得票数 0
回答已采纳
1回答
我一直试图让跨域工作者url工作，这可能是一个重复的问题，但我无法找到任何解决方案，以下是我正在做的工作： const url = new URL('.window.URL.createObjectURL(workerBlob);import
浏览 11提问于2022-07-05得票数 0
回答已采纳
我对AngularJS、gulp和webpack都是新手，所以如果我用的术语不正确，请原谅。我已经读了2个小时的堆栈溢出和angularjs的东西了，我无法与我正在阅读的东西建立联系。我正在进入一个已经开发的应用程序，并试图找到最好的方法来将来自webpack插件变量的analytics API key包含到AngularJS应用程序中以供使用。中的webpack
浏览 0提问于2015-10-23得票数 0
1回答
我与webpack 2工作，我想包括一些风格文件，取决于不同的NODE_ENV。我做了这样的事：控制台显示: stylesEntryName ====>>>主资产/样式/main.styl
也许我做错了什么？谢谢你的帮助。
浏览 4提问于2017-02-20得票数 0
我用webpack模板。(国家预防机制安装webpack )。我在终端机上发现了一个错误--
ERROR in .
浏览 8提问于2016-10-23得票数 12
回答已采纳
2回答
我在这上面能找到的所有信息都很旧。就像标题说的那样，我试图在一个脚本中创建一个全局变量，并从另一个脚本中访问它。扩展的目的是搜索一个名为“页面标题”的类，然后返回该innerHTML元素的。经过几次迭代，试图以不同的方式完成这一任务，我遵循了中解释的方法，但是我的需求有不同的要求，我收到的错误是“未检查的runtime.lastError:无法建
浏览 12提问于2022-08-10得票数 2
回答已采纳
我有一个和webpack一起编译的项目。有单独的开发和生产构建，由NODE_ENV环境变量区分。对于dev构建，需要另一个环境变量：REPO_PATH。在webpack内部，有没有一种方法可以检查REPO_PATH的存在或不存在，抛出一个自定义错误，如果没有设置就终止构建？我目前的解决方案依赖于package.json脚本： package.json {
...dev": "if test -z $REPO_P
浏览 16提问于2019-01-31得票数 1
回答已采纳
当解释器执行上述导入语句时，它将在从以下来源组装的目录列表中搜索mod.py：如果设置了PYTHONPATH环境变量中包含的目录列表。( PYTHONPATH的格式依赖于操作系统，但应该模仿PATH环境变量。)
“运行输入脚本的目录”的</
浏览 2提问于2021-06-02得票数 0
2回答
我一直试图使用import()函数导入在运行时是动态的东西。我认为只要为文件创建一个条目，webpack就可以聪明地导入()正确的模块，但情况似乎并非如此。有谁知道如何将条目分块，并使用import()语法，为其提供一个变量，并让它在运行时工作？// works
import( '.
浏览 1提问于2018-11-08得票数 2
回答已采纳
我想知道是否有一种方法可以避免将我的Firebase配置数据尽可能多地暴露给公众-尽管它可能无论如何都会被泄露？(我不太确定其中的细微差别)
我尝试了以下命令：，但答案的swEnvbuild似乎没有运行，因为没有找到swenv.js文件。我怀疑它可能需要在React中进行不同的设置？(第一个问题，请对我的问题提出建设性的批评)
浏览 32提问于2020-06-06得票数 13
3回答
是否可以将安装有npm的库导入到web工作者中？它通过npm安装到node_modules/moment目录中。我已经在worker.js文件的顶部尝试过这样做了：但我得到
GET http://192.168.2.1
浏览 3提问于2018-02-22得票数 14
3回答
我使用的工作箱InjectManifest -webpack插件，在一个Vue CLI 3应用程序.我正在注入的自定义服务工作人员具有对Firebase消息传递(FCM)的处理。我需要根据我的环境(本地、分期和生产)侦听来自不同发件人的消息。理想情况下，service-worker.js应该如下所示：
importScripts('https://www.gstatic.com/firebasejs/4.8.1/
浏览 1提问于2019-01-24得票数 22
回答已采纳
关于Webpack是如何创建输出包的，我有些困惑。假设我的代码中有这样的语句：在这种情况下，整个library1是包含在包中还是只包含在func1中？如果func1依赖于library1中的另一个函数func2
浏览 1提问于2018-08-13得票数 1
一些背景：
引导不会识别jquery，即使检查浏览器控制台以获得$返回JQuery函数。我想这是引导在jquery之前加
浏览 4提问于2017-11-12得票数 1
回答已采纳
Webpack允许您使用，以便一个应用程序的不同部分可以有选择地请求共享代码。但乍一看，Webpack似乎并没有将代码分割成多个应用程序()之间共享的代码块()到指定位置。假设我有两个包A和B具有相同的依赖项，其中我将代码分为应用程序的代码、业务内部的共享代码和供应商代码。如果我使用相同的Webpack配置来构建这两个应用程序(使用内容散列使其变得有趣)，我将得到以下内容： A-b612[...].js
浏览 1提问于2017-04-24得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
