Skip to content

vue add vue-next 后 HMR 失效 #25

Open
@ghost

Description

环境信息:
1.系统:MacOS Mojave 10.14.5;
2.浏览器:Google Chrome 81.0.4044.122(正式版本,64位,目前最新);
3.NodeJS:v12.16.2;
4.NPM:v6.14.4;
5.Yarn 镜像源地址:https://registry.npmjs.org/;
6.@vue/cli:v4.3.1;
7.Yarn:v1.5.1;

重现步骤:
1.vue create vue3-beta
(1)Please pick a preset -> Manually select features
(2)Check the features needed for your project -> Babel,Router,Vuex,Linter / Formatter
(3)Use history mode for router? -> Y
(4)Pick a linter / formatter config -> ESLint with error prevention only
(5)Pick additional lint features -> Lint on save
(6)Where do you prefer placing config for Babel, ESLint, etc.? -> In dedicated config files
(7)Save this as a preset for future projects? -> N
2.此时 yarn serve 后,更改 /src/views/Home.vue 后,HMR 有效;
3.vue add vue-next
4.此后再进行 yarn serve,更改 /src/views/Home.vue 后,HMR 失效;

现象:
1.HMR 失效,更改 .vue 后浏览器不会自动刷新,手动刷新后试图变更;
2.浏览器控制台,保持打印:[HMR] Waiting for update signal from WDS...,更改 .vue 后打印无变化;

附 package.json 内容:

{
  "name": "vue3-beta",
  "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.4",
    "vue": "^3.0.0-beta.1",
    "vue-router": "^4.0.0-alpha.5",
    "vuex": "^4.0.0-alpha.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-eslint": "~4.3.0",
    "@vue/cli-plugin-router": "~4.3.0",
    "@vue/cli-plugin-vuex": "~4.3.0",
    "@vue/cli-service": "~4.3.0",
    "@vue/compiler-sfc": "^3.0.0-beta.1",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-alpha.0",
    "vue-cli-plugin-vue-next": "~0.1.2"
  }
}

烦请尽快解决,有什么需要配合定位的我这边尽力配合,谢谢!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions