当前位置: 首页 > news >正文

关于webWorker未解问题

今天尝试学习webworker,尝试在vue3项目里面使用

使用的就是常规方法,使用worker-loader,加上在vue.config.js内部添加配置

使用完发现问题
在这里插入图片描述
在这里插入图片描述

如图所见,该worker仅仅配置点击后传输字符串"1",并在worker内部打印,发现打印不出来

在这里插入图片描述

但是仅仅只是将引入的文件换个名字

在这里插入图片描述
前后两个文件内部代码是复制粘贴的,完全一样,却可以打印出来了

在这里插入图片描述

========================================================================

换了种方式,在worker内部将接收的数据传回组件,让组件进行打印

在这里插入图片描述
在这里插入图片描述
这时莫名其妙的问题出现了,这次myTask文件能正常传递回数据并打印,但另一个不行

my.worker.js
在这里插入图片描述

myTask.worker.js
在这里插入图片描述
这次两个文件依然是复制的代码,完全一样

问题:为什么只是换个文件名,console.log的表现却不一样,并且worker传回数据的表现也不一样?

表现: worker上下文环境不一样,所以console.log应该是打印不出来的

可能解答线索来源:
1.https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649103699&idx=3&sn=fdf089603040e42bbd6f048505bc7f41&chksm=be583afe892fb3e850758f670b70047adf7a5416fc740b8173ffcdc381d20e4e1e4ee70ea092&scene=27
在这里插入图片描述

猜测
1:myTask是个关键字,对于Vue或者WebWorker来说(不靠谱)
2:文件对应的worker可能是唯一的,表达不出来的猜测,在本案例里,只有myTask可行.

记录一下,以后深入了解后可能可以解答

(有大神给个提示吗,感激)

http://www.lryc.cn/news/187520.html

相关文章:

  • 自然语言处理(NLP)的开发框架
  • Spring Boot与Kubernetes结合:构建高可靠、高性能的微服务架构
  • Qt自带的日志重定向机制
  • 笔记36:CNN的多通道卷积到底是什么样的
  • 【eigen】解决报错 return type of RCmpEQReturnType Eigen::operator== is not ‘bool’
  • QT 实现mysql的长连接
  • Vue 使用 setup 语法糖
  • Feign(替代RestTemplate)远程调用
  • 查找算法 —— 斐波拉契查找法
  • PL/SQL全量同步
  • IO类型游戏研发定制开发
  • Eclipse iceoryx(千字自传)
  • 竞赛 深度学习 opencv python 公式识别(图像识别 机器视觉)
  • Pikachu靶场——跨站请求伪造(CSRF)
  • 软件测试简历项目经验怎么写?大厂面试手拿把掐
  • 图像处理与计算机视觉--第七章-神经网络-单层感知器
  • pyserial,win11,串口总是被占用
  • 网站上线如何检查?
  • 如何理解pytorch中的“with torch.no_grad()”?
  • Linux虚拟机克隆之后使用ip addr无法获取ip地址
  • 日报系统:优化能源行业管理与决策的利器
  • linux安装idea
  • vue启动项目,npm run dev出现error:0308010C:digital envelope routines::unsupported
  • vue-devtools插件安装
  • const关键字
  • HTML5+CSS3+JS小实例:仿优酷视频轮播图
  • dart的Websocket为什么找不到onOpen方法?
  • VMware中Ubuntu(Linux)无法连接网络解决办法记录
  • js结合map对象等处理数组
  • 网络攻防实战演练