Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 工人装载机不';重启后不能正常工作_Vue.js_Webpack_Web Worker - Fatal编程技术网

Vue.js 工人装载机不';重启后不能正常工作

Vue.js 工人装载机不';重启后不能正常工作,vue.js,webpack,web-worker,Vue.js,Webpack,Web Worker,我正在尝试将web与vue cli项目一起使用 我的工作者在文件user.worker.js中。当我第一次运行vue cli service service时,它可以工作,但重新启动后,webpack会尝试加载user.worker.worker.js,并且无法加载,因为这样的文件不存在。如果我重命名或移动文件,它第一次工作,但重新启动后再次失败 App.vue <template> <div id="app"></div> </

我正在尝试将web与vue cli项目一起使用

我的工作者在文件user.worker.js中。当我第一次运行
vue cli service service
时,它可以工作,但重新启动后,webpack会尝试加载user.worker.worker.js,并且无法加载,因为这样的文件不存在。如果我重命名或移动文件,它第一次工作,但重新启动后再次失败

App.vue

<template>
  <div id="app"></div>
</template>

<script>
import Worker from "@/user.worker";

export default {
  name: "App",
  created() {
    const inst = new Worker();
    inst.postMessage({
      path: `some data`,
    });
  },
};
</script>
vue.config.js

onmessage = async ({ path }) => {
  postMessage({ path });
};
module.exports = {
  chainWebpack: (config) => {
    config.module
      .rule("worker")
      .test(/\.worker\.js$/)
      .use("worker-loader")
      .loader("worker-loader")
      .end();
  },
};
package.json

  "name": "worker-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "worker-loader": "^3.0.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.5.0",
    "@vue/cli-plugin-eslint": "^4.5.0",
    "@vue/cli-service": "^4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}