Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

创建新项目时,如果选用自定义配置,项目就无法热更新。 #2873

Closed
ctrlv-git opened this issue Nov 2, 2018 · 36 comments

Comments

@ctrlv-git
Copy link

Version

3.0.0-rc.10

Node and OS info

node 8.11.3/ npm 5.6.0

Steps to reproduce

创建项目时选用自定义配置,在选用babel、routeres、CSS Pre-processor 后再加上Linter / Formatter配置的话,就无法热更新。如果没有选用Linter / Formatter配置则正常

What is expected?

项目创建完以及运行时都没有给出错误提示。在运行vue ui后才发现有个警告 Couldn't parse bundle asset "E:\worker\colorlife-wap\dist\about.e9d3e2ce69799effc7d1.hot-update.js".
Analyzer will use module sizes from stats file.

What is actually happening?

@haoqunjiang
Copy link
Member

请更新到最新版本后再确认是否有问题。如果还有问题请提供可以复现的代码仓库。

@ctrlv-git
Copy link
Author

重装并更新了版本node v8.12.0/ npm v6.4.1/vue v3.1.0并且重装过编辑器VSCode依然没有解决问题,
项目在另外的电脑上测试也是同样的问题,这是可以复现问题的仓库demo

@haoyinag
Copy link

haoyinag commented Nov 3, 2018

请问解决了吗,我也遇到同样的问题

@CaiPeng1989
Copy link

重装并更新了版本node v8.12.0/ npm v6.4.1/vue v3.1.0并且重装过编辑器VSCode依然没有解决问题,
项目在另外的电脑上测试也是同样的问题,这是可以复现问题的仓库demo

拉取你的项目,用 npm 安装依赖后,发现确实不能热更新,不管 vue.config.js 里面 derServer.hottruefalse,都不行。
但是让我迷惑的是,删除 node_modules 后,用 yarn 重新安装依赖,就能够热更新了。
我又把 node_modulespackage-lock.json 删掉,用 npm 安装了依赖,又不行了。
迷茫ing...

@haoyinag
Copy link

haoyinag commented Nov 3, 2018

官方修复了

@ctrlv-git
Copy link
Author

官方修复了

升级vue cli的3.1.1版本吗?

@ctrlv-git ctrlv-git changed the title 创建项目使用自定义配置的时候选择了eslint 无法热更新 创建新项目时,如果选用自定义配置,项目就无法热更新。 Nov 3, 2018
@haoyinag
Copy link

haoyinag commented Nov 3, 2018

官方修复了

升级vue cli的3.1.1版本吗?

我刚又不行了,因为项目有报错或者警告就不能热更新,然后修正之后也不行;
然后推出,重新npm run dev又可以了,所以初步怀疑是跟eslint关联之后做的处理

@ctrlv-git
Copy link
Author

重装并更新了版本node v8.12.0/ npm v6.4.1/vue v3.1.0并且重装过编辑器VSCode依然没有解决问题,
项目在另外的电脑上测试也是同样的问题,这是可以复现问题的仓库demo

拉取你的项目,用 npm 安装依赖后,发现确实不能热更新,不管 vue.config.js 里面 derServer.hottruefalse,都不行。
但是让我迷惑的是,删除 node_modules 后,用 yarn 重新安装依赖,就能够热更新了。
我又把 node_modulespackage-lock.json 删掉,用 npm 安装了依赖,又不行了。
迷茫ing...
我这边试过用yarn 安装同样不行。

@ctrlv-git
Copy link
Author

请更新到最新版本后再确认是否有问题。如果还有问题请提供可以复现的代码仓库。

我这边升级到最新3.1.1版本后 ,安装eslint没有问题了,但是加上e2e测试又是同样的问题。

@haoqunjiang
Copy link
Member

刚找到原因,是因为 @vue/cli-service v3.1.0 升级了 webpack 的最低版本要求,而 @cypress/webpack-preprocessor 的 webpack 依赖是固定版本号的,最终导致项目中出现两个 webpack 实例,因此热更新失败……
稍晚些时候会修复这个问题。

@zicong-zhang
Copy link

静候修复

haoqunjiang added a commit that referenced this issue Nov 6, 2018
To avoid introducing two different instances of webpack when
@cypress/webpack-preprocessor 3.0.0/3.0.1 is also installed, which
breaks HMR.

Fixes #2873
Fixes #2892
@269378737
Copy link

这个问题修复了么?我今天将vue cli3 更新到最新版本,新创建的项目仍然无法热更新。

@haoqunjiang
Copy link
Member

@269378737 今天出现的情况是另一个问题引起的:#3173 (comment)

@siegelioner
Copy link

版本3.2.1,手动选择配置。依旧无法热更新

@269378737
Copy link

@sodatea 谢谢你的帮助,确实帮我解决了这个问题!

@siegelioner
Copy link

@sodatea 使用yarn 修改了webpack-server版本还是不能实现热更新,版本3.2.1,vs code开发

@haoqunjiang
Copy link
Member

@QiangDongxiao 请提供复现并另开 issue

@nan1010082085
Copy link

我更新了我项目中所有的包, 本地vue/cli 和 vue/cli-serivce 但是webpack 依然不能热更新, 我需要怎么做?

@nan1010082085
Copy link

本地vue2.5.22的老项目没有 vue3.x的热更新问题, 我在vue/cli3.x中应该怎么配置

@xiaojinwen
Copy link

devServer: {
disableHostCheck: true, // 禁用webpack热重载检查 解决热更新失效问题
}

@xiaojinwen
Copy link

#3173

@cgfeel
Copy link

cgfeel commented Jul 4, 2019

image
@xiaojinwen 没用啊

@haoqunjiang
Copy link
Member

@aiyuchen 你截图里的警告信息应该和热更新没有关系

@innnnii
Copy link

innnnii commented Nov 10, 2019

image
@xiaojinwen 没用啊
请问这个问题你解决了吗是怎么解决的呀~

@xiaoborg
Copy link

还是存在这个问题呢

@bkkkd
Copy link

bkkkd commented Jan 1, 2020

还存在

@xiaoborg
Copy link

xiaoborg commented Mar 3, 2020 via email

@AndersonYTD
Copy link

image
@xiaojinwen 没用啊
请问这个问题你解决了吗是怎么解决的呀~
image
我把后面三个从下往上运行一遍就好了

@AndersonYTD
Copy link

已经放弃了,不影响运行

------------------ 原始邮件 ------------------ 发件人: "AndersonYTD"<[email protected]>; 发送时间: 2020年3月3日(星期二) 下午4:09 收件人: "vuejs/vue-cli"<[email protected]>; 抄送: "borg"<[email protected]>; "Comment"<[email protected]>; 主题: Re: [vuejs/vue-cli] 创建新项目时,如果选用自定义配置,项目就无法热更新。 (#2873) @xiaojinwen 没用啊 请问这个问题你解决了吗是怎么解决的呀~ 我把后面3个从下往上全运行一遍就好了 — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

好吧

@kely2019
Copy link

kely2019 commented Mar 6, 2020

image
@xiaojinwen 没用啊
请问这个问题你解决了吗是怎么解决的呀~
image
我把后面三个从下往上运行一遍就好了

全部运行一遍还是没解决警告

@haoqunjiang
Copy link
Member

这个警告不会影响使用。
根源是 fork 的这份代码 https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/webpack/analyzeBundle.js 继承了上游的这个问题 webpack-contrib/webpack-bundle-analyzer#147 各位如果有兴趣可以研究一下怎么解决,欢迎提 PR

@Anymo123
Copy link

你好,这个问题解决了吗?因为我刚刚又遇到了这个问题

@Anymo123
Copy link

官方修复了

重复遇到?是又出问题了吗

@AcquireKnown
Copy link

image
@xiaojinwen 没用啊
请问这个问题你解决了吗是怎么解决的呀~
image
我把后面三个从下往上运行一遍就好了

全部运行一遍还是没解决警告

所以这个问题怎么解决啊?

@Anymo123
Copy link

忽视或者等待3.0。

@AcquireKnown
Copy link

AcquireKnown commented Jan 14, 2021 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests