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

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

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

相关推荐
HED3 分钟前
VUE项目发版后用户访问的仍然是旧页面?原因和解决方案都在这啦!
前端·vue.js
清风细雨_林木木1 小时前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
局外人LZ2 小时前
前端项目搭建集锦:vite、vue、react、antd、vant、ts、sass、eslint、prettier、浏览器扩展,开箱即用,附带项目搭建教程
前端·vue.js·react.js
宝拉不想努力了2 小时前
vue element使用el-table时,切换tab,table表格列项发生错位问题
前端·vue.js·elementui
神仙别闹4 小时前
基于VUE+Node.JS实现(Web)学生组队网站
前端·vue.js·node.js
HuaHua的世界6 小时前
说说 Vue 中 CSS scoped 的原理?
css·vue.js
H5开发新纪元6 小时前
Vue 项目中 Loading 状态管理及页面切换 Bug 分析
前端·vue.js
icefiresong248 小时前
如何让 Vue 组件自动清理 EventBus 监听器?告别内存泄漏!
vue.js
tjh000110 小时前
vue3+TS 手动实现表格滚动
前端·javascript·vue.js
章若楠圈外男友10 小时前
修改了Element UI中组件的样式,打包后样式丢失
前端·vue.js