关于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可行.

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值