Webpack: hot update error

Created on 27 Feb 2017 · 10Comments · Source: vuejs-templates/webpack

Uncaught (in promise) TypeError: Cannot read property 'hot' of undefined

[HMR] bundle has 4 warnings
client.js?8547:161 ../foudaoH5/~/.npminstall/vue-loader/11.1.3/vue-loader/lib/component-normalizer.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\foudaoH5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\component-normalizer.js
    Used by 1 module(s), i. e.
    D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\index.js??ref--0!D:\foudaoH5\src\components\Home\Home.vue
* D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\component-normalizer.js
    Used by 1 module(s), i. e.
    D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\index.js??ref--0!D:\foudaoh5\src\App.vue
../foudaoH5/~/.npminstall/vue-style-loader/2.0.3/vue-style-loader/lib/addStylesClient.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\foudaoH5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\lib\addStylesClient.js
    Used by 1 module(s), i. e.
    D:\foudaoh5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\index.js!D:\foudaoh5\node_modules\.npminstall\css-loader\0.26.2\css-loader\index.js?{"minimize":false,"sourceMap":false}!D:\foudaoH5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\style-rewriter.js?{"id":"data-v-be959d02","scoped":true,"hasInlineConfig":true}!D:\foudaoh5\node_modules\.npminstall\sass-loader\6.0.2\sass-loader\lib\loader.js?{"sourceMap":false}!D:\foudaoH5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\selector.js?type=styles&index=0!D:\foudaoH5\src\components\Home\Home.vue
* D:\foudaoh5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\lib\addStylesClient.js
    Used by 1 module(s), i. e.
    D:\foudaoh5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\index.js!D:\foudaoh5\node_modules\.npminstall\css-loader\0.26.2\css-loader\index.js?{"minimize":false,"sourceMap":false}!D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\style-rewriter.js?{"id":"data-v-aeb59330","scoped":false,"hasInlineConfig":true}!D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\selector.js?type=styles&index=0!D:\foudaoh5\src\App.vue
../foudaoH5/~/.npminstall/css-loader/0.26.2/css-loader/lib/css-base.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\foudaoH5\node_modules\.npminstall\css-loader\0.26.2\css-loader\lib\css-base.js
    Used by 1 module(s), i. e.
    D:\foudaoH5\node_modules\.npminstall\css-loader\0.26.2\css-loader\index.js?{"minimize":false,"sourceMap":false}!D:\foudaoH5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\style-rewriter.js?{"id":"data-v-be959d02","scoped":true,"hasInlineConfig":true}!D:\foudaoH5\node_modules\.npminstall\sass-loader\6.0.2\sass-loader\lib\loader.js?{"sourceMap":false}!D:\foudaoH5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\selector.js?type=styles&index=0!D:\foudaoH5\src\components\Home\Home.vue
* D:\foudaoh5\node_modules\.npminstall\css-loader\0.26.2\css-loader\lib\css-base.js
    Used by 1 module(s), i. e.
    D:\foudaoh5\node_modules\.npminstall\css-loader\0.26.2\css-loader\index.js?{"minimize":false,"sourceMap":false}!D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\style-rewriter.js?{"id":"data-v-aeb59330","scoped":false,"hasInlineConfig":true}!D:\foudaoh5\node_modules\.npminstall\vue-loader\11.1.3\vue-loader\lib\selector.js?type=styles&index=0!D:\foudaoh5\src\App.vue
../foudaoH5/~/.npminstall/vue-style-loader/2.0.3/vue-style-loader/lib/listToStyles.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\foudaoH5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\lib\listToStyles.js
    Used by 1 module(s), i. e.
    D:\foudaoH5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\lib\addStylesClient.js
* D:\foudaoh5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\lib\listToStyles.js
    Used by 1 module(s), i. e.
    D:\foudaoh5\node_modules\.npminstall\vue-style-loader\2.0.3\vue-style-loader\lib\addStylesClient.js

there is only 1 component in components/Home/Home.vue
what does There are multiple modules with names that only differ in casing. mean ?
i don know change where

Source

ShootToThrill

Most helpful comment

一脸懵逼.jpg

ShootToThrill on 3 Mar 2017

😄4

All 10 comments

Honestly, I have no idea where this could be coming from.

LinusBorg on 2 Mar 2017

i don't know what happend

now not only that project has this problem

all of vue init webpack or vue init webpack-simple init project has this error

ShootToThrill on 3 Mar 2017

一脸懵逼.jpg

ShootToThrill on 3 Mar 2017

😄4

@ShootToThrill 请再重新尝试一次，这是由于Vue版本导致的问题，应该已经修复了。

limichange on 3 Mar 2017

Vue版本？我还以为是node版本的问题呢
我把node升级到6.10后没问题了
不知道后面还会不会又出毛病
之前把项目删了重新clone下来再跑就没问题
然后后一段时间又复发
不知道这次能坚持多久

ShootToThrill on 3 Mar 2017

@ShootToThrill 因为Vue刚刚升级到了2.2.0，构建方式发生了一些改变。这几天vue相关的库都在升级，你这个错误是由于vue-hot-reload-api没有升级到最新导致的。

limichange on 3 Mar 2017

如果没有问题了的话，就可以关掉这个issue了，谢谢：D

limichange on 3 Mar 2017

暂时没问题了那我先关了

ShootToThrill on 3 Mar 2017

这个问题好像又出现了
`There are multiple modules with names that only differ in casing.
output.js:103
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers: