2022-03-02 关于electron-vue中引入web worker的几种方法尝试

1.采用原生的引入方式 直接引入web worker ,总是报路径错误
const isDev = process.env.NODE_ENV === 'development'
console.log(process)
console.log(666)

console.log(process.env.NODE_ENV)
console.log(process.env)

const worker_js_path = isDev
  ? path.join(__dirname, 'worker.js')
  : path.join(process.resourcesPath, 'app.asar.unpacked/source/worker.js')
const worker = new Worker(worker_js_path)
if (worker) {
  worker.postMessage('12344')
  worker.onmessage = event => {
    this.getData(event.data.originData, event.data.allDataArray)
  }
  worker.onerror = function (error) {
    console.log(444, error, error.message)
    worker.terminate()
  }
}

GET file:///C:/Users/fugang/Desktop/Warehouse%20management%20system/wareHouse-manager/node_modules/electron/dist/resources/electron.asar/renderer/worker.js net::ERR_FILE_NOT_FOUND
2.采用worker loader的方式引入web worker
注意：这里有个坑 测试环境按照网上的跑起来没有问题
但是打包之后始终报错误 Uncaught TypeError: Cannot read properties of undefined (reading 'webpackJsonp')
//针对于这个错误搜索出来的解决方法 只有针对vue-cli2的webpack.prod.conf.js，没有针对vue-cli3的vue.config.js解决方法
3.没有办法只能通过 inline-worker引入试试
npm install inline-worker 地址 https://github.com/mohayonao/inline-worker
原理是把对应的脚本文件转换成二进制 BLOB
上面2种方法搞了半天硬是没有找到答案