如何解决Webpack HMR无法更新
在客户端上更改某些文件后的浏览器控制台:
// browser path @ http://localhost:3000/settings/
[HMR] bundle rebuilding
[HMR] bundle rebuilt in 950ms
[HMR] Checking for updates on the server...
[HMR] Update check Failed: Error: Manifest request to /90250042517446ecd3ba.hot-update.json timed out.
at XMLHttpRequest.request.onreadystatechange (http://localhost:3000/app.js:42:16)
GET http://localhost:3000/90250042517446ecd3ba.hot-update.json net::ERR_CONNECTION_REFUSED
Uncaught (in promise) Error: Manifest request to /90250042517446ecd3ba.hot-update.json timed out.
at XMLHttpRequest.request.onreadystatechange (bootstrap:41)
GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)
我的package.json脚本
"dev": "npm run lint && tsc-watch --onSuccess \"ts-node ./node_modules/moleculer/bin/moleculer-runner.js --envfile ./deploy/.env --hot --repl --config moleculer.config.ts ./services/**/*.service.ts\"",
我的webpack配置:
// webpack.config.js
module.exports = {
.......,entry: {
app: [
'webpack-hot-middleware/client?reload=true',path.join(__dirname,'frontend','main.tsx'),],},output: {
path: path.join(__dirname,'public'),filename: '[name].js',publicPath: '/',}
在后端
// services/api.service.ts
import devMiddleware from 'webpack-dev-middleware';
import hotMiddleware from 'webpack-hot-middleware';
// route middlewares @ GET /settings
............
use: [
compression(),devMiddleware(compiler,{
noInfo: true,publicPath: config.output.publicPath,headers: { 'Access-Control-Allow-Origin': '*' },}),// Webpack hot replacement
hotMiddleware(compiler,{
log: broker.logger.info,ApiGateway.serveStatic('./public'),.............
似乎每次我在客户端上进行更改时,服务器也会重新启动,我认为情况并非如此
请让我知道是否需要提供其他相关信息
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。