Javascript 网页包开发服务器&x2014;HMR未接收来自WDS的更新信号
HMR未接收来自WDS的更新信号Javascript 网页包开发服务器&x2014;HMR未接收来自WDS的更新信号,javascript,webpack,webpack-dev-server,hot-module-replacement,Javascript,Webpack,Webpack Dev Server,Hot Module Replacement,HMR未接收来自WDS的更新信号 操作系统:MacOS 10.12.6 节点版本:8.5.0 NPM版本:5.3.0 网页版本:3.6.0 网页包开发服务器版本:2.8.2 代码 终端输出 由HtmlWebpackPlugin在上生成的html 然后将main.js-console.log('>>>')更改为console.log('Changed') 更改main.js后的Chrome控制台 我通过Docker在Ubuntu上尝试您的配置: 操作系统:Ubuntu 17.04 Zesty
- 操作系统:MacOS 10.12.6
- 节点版本:8.5.0
- NPM版本:5.3.0
- 网页版本:3.6.0
- 网页包开发服务器版本:2.8.2
main.js
-console.log('>>>')
更改为console.log('Changed')
更改main.js后的Chrome控制台
我通过Docker在Ubuntu上尝试您的配置:
- 操作系统:Ubuntu 17.04 Zesty
- 码头工人:17.06.2-ce,建造cec0b72
- 节点图像:8.5.0
FROM node:latest
### Configuration
RUN mkdir -p /code
COPY ./webpack.config.js /code
### Requirements
RUN npm install -g webpack-dev-server@2.8.2
RUN npm install babel-loader babel-core babel-preset-env
RUN npm install html-webpack-plugin
RUN npm install webpack@3.6.0
### Application
WORKDIR /code
EXPOSE 8080
所有工作都很好:
我认为您在MacOS环境中的问题。
我希望我的回答能帮助您找到问题。您是如何解决的?我在尝试从外部设备(这是OSX的一种解决方法)访问它时也遇到了此问题。此时,在本地运行webpack dev server:./node_modules/webpack dev server/bin/webpack-dev-server.js也会更新上的问题
webpack-dev-server
Project is running at http://localhost:8080/
webpack output is served from /
Content not from webpack is served from ./dist
Hash: 07cd69bf3e44cc2f62fe
Version: webpack 3.6.0
Time: 990ms
Asset Size Chunks Chunk Names
__main.js 357 kB 0 [emitted] [big] main
__main.js.map 425 kB 0 [emitted] main
index.html 193 bytes [emitted]
[36] ./node_modules/webpack/hot/log.js 1.04 kB {0} [built]
[37] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./test/main.js 52 bytes {0} [built]
[38] (webpack)-dev-server/client?http://localhost:8080 7.27 kB {0} [built]
[39] (webpack)/node_modules/url/url.js 23.3 kB {0} [built]
[45] (webpack)-dev-server/node_modules/strip-ansi/index.js 161 bytes {0} [built]
[47] (webpack)-dev-server/node_modules/loglevel/lib/loglevel.js 7.74 kB {0} [built]
[48] (webpack)-dev-server/client/socket.js 1.04 kB {0} [built]
[80] (webpack)-dev-server/client/overlay.js 3.71 kB {0} [built]
[81] (webpack)-dev-server/node_modules/ansi-html/index.js 4.26 kB {0} [built]
[85] (webpack)/hot nonrecursive ^\.\/log$ 170 bytes {0} [built]
[87] (webpack)/hot/emitter.js 77 bytes {0} [built]
[88] ./node_modules/webpack/hot/dev-server.js 1.61 kB {0} [built]
[89] ./node_modules/webpack/hot/log-apply-result.js 1.31 kB {0} [built]
[90] ./node_modules/webpack/hot/emitter.js 77 bytes {0} [built]
[91] ./test/main.js 62 bytes {0} [built]
+ 77 hidden modules
Child html-webpack-plugin for "index.html":
1 asset
[0] ./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/html-webpack-plugin/default_index.ejs 538 bytes {0} [built]
[1] ./node_modules/lodash/lodash.js 540 kB {0} [built]
[2] (webpack)/buildin/global.js 509 bytes {0} [built]
[3] (webpack)/buildin/module.js 517 bytes {0} [built]
webpack: Compiled successfully.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hot Module Replacement</title>
</head>
<body>
<script type="text/javascript" src="__main.js"></script></body>
</html>
log.js:23 [HMR] Waiting for update signal from WDS...
main.js:1 >>>
client:77 [WDS] Hot Module Replacement enabled.
log.js:23 [HMR] Waiting for update signal from WDS...
main.js:1 >>>
client:77 [WDS] Hot Module Replacement enabled.
client:80 [WDS] App updated. Recompiling...
client:213 [WDS] App hot update...
FROM node:latest
### Configuration
RUN mkdir -p /code
COPY ./webpack.config.js /code
### Requirements
RUN npm install -g webpack-dev-server@2.8.2
RUN npm install babel-loader babel-core babel-preset-env
RUN npm install html-webpack-plugin
RUN npm install webpack@3.6.0
### Application
WORKDIR /code
EXPOSE 8080