Question

所以，我有一个在端口3001上运行的webpack服务器，并表示在端口3000上运行。对webpack服务器的所有请求都被代理到快速服务器。一切＆＃34;出现＆＃34;然而，为了工作，我继续在终端中看到此错误消息（好像它不断尝试连接）。有什么想法吗？

Error: Cannot GET /122620bb0d13d4e53109.hot-update.json

Error: Cannot GET /__webpack_hmr

at raiseUrlNotFoundError (/Users/OSX/WebstormProjects/PROJECT/node_modules/loopback/server/middleware/url-not-found.js:15:17)
at Layer.handle [as handle_request] (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:312:13)
at /Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:280:7
at Function.process_params (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:330:12)
at next (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:271:10)
at SendStream.error (/Users/OSX/WebstormProjects/PROJECT/node_modules/serve-static/index.js:120:7)
at emitOne (events.js:90:13)
at SendStream.emit (events.js:182:7)
at SendStream.error (/Users/OSX/WebstormProjects/PROJECT/node_modules/serve-static/node_modules/send/index.js:245:17)
Error: Cannot GET /__webpack_hmr
at raiseUrlNotFoundError (/Users/OSX/WebstormProjects/PROJECT/node_modules/loopback/server/middleware/url-not-found.js:15:17)
at Layer.handle [as handle_request] (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:312:13)
at /Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:280:7
at Function.process_params (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:330:12)
at next (/Users/OSX/WebstormProjects/PROJECT/node_modules/express/lib/router/index.js:271:10)
at SendStream.error (/Users/OSX/WebstormProjects/PROJECT/node_modules/serve-static/index.js:120:7)
at emitOne (events.js:90:13)
at SendStream.emit (events.js:182:7)
at SendStream.error (/Users/OSX/WebstormProjects/PROJECT/node_modules/serve-static/node_modules/send/index.js:245:17)

这是我的webpack开发服务器：

import chalk from 'chalk';
import webpack from 'webpack';
import env from '../config/env';
import WebpackDevServer from 'webpack-dev-server';
import webpackConfig from './webpack.config.development.js';

const server = new WebpackDevServer(webpack(webpackConfig), {
  publicPath: '/dist',
  contentBase: '/client',
  inline: true,
  hot: true,
  compress: true,
  stats: false,
  quiet: true,
  noInfo: true,
  lazy: false,
  historyApiFallback: true,
  headers: {
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Headers': 'X-Requested-With'
  },
  proxy: {
    "*": 'http://localhost:3000'
  }
});

server.listen(env.WEBPACK_PORT, 'localhost', (err) => {
  if (err) {
    console.log(chalk.red(err));
  }
  console.log(chalk.yellow(`Webpack server listening on http://localhost:${env.WEBPACK_PORT}`));
});

和webpack.config.development.js

{
  "target": "web",
  "entry": [
    "webpack-dev-server/client?http://localhost:3001",
    "webpack/hot/dev-server",
    "babel-polyfill",
    "./client/index"
  ],
  "output": {
    "path": "/Users/OSX/WebstormProjects/PROJECT/dist",
    "filename": "bundle.js"
  },
  "resolve": {
    "root": "/Users/OSX/WebstormProjects/PROJECT",
    "modulesDirectories": [
      "node_modules",
      "client"
    ],
    "extensions": [
      "",
      ".json",
      ".js"
    ]
  }
 ...

Answer 1

好吧，它现在似乎正在运作。 webpack dev config需要匹配的publicPath

publicPath: `http://localhost:${env.WEBPACK_PORT}/dist`,

Webpack HMR似乎工作，但是，我在终端看到这个错误 - 任何想法？

1 个答案: