无效的HMR消息错误Webpack

我从Webpack收到以下错误：

Invalid HMR message随后是一个非常详细的JSONstring。

实际上我没有find更好的debugging资源。 有小费吗？

奖金，如果任何人都可以给我洞察，为什么require不能被发现，当它在整个应用程序中使用没有问题。

这里有一些细节：

• 运行Node / Babel
• 使用Webpack

NPM依赖关系：

  "dependencies": { "babel-core": "^6.7.2", "babel-polyfill": "^6.7.4", "body-parser": "~1.12.0", "cookie-parser": "~1.3.4", "css-modules-require-hook": "^4.0.0", "cuid": "^1.3.8", "debug": "~2.1.1", "express": "~4.12.2", "fs": "0.0.2", "react": "^0.14.7", "react-dom": "^0.14.7", "react-redux": "^4.4.1", "react-router": "^2.0.1", "redux": "^3.3.1", "serve-favicon": "~2.2.0", "webpack": "^1.12.13" }, "devDependencies": { "babel-eslint": "^5.0.0", "babel-loader": "^6.2.4", "babel-plugin-react-transform": "^2.0.2", "babel-polyfill": "^6.7.4", "babel-preset-es2015": "^6.6.0", "babel-preset-react": "^6.5.0", "babel-preset-react-hmre": "^1.1.1", "babel-register": "^6.7.2", "cross-env": "^1.0.7", "css-modules-require-hook": "^4.0.0", "eslint": "^2.6.0", "redux-devtools": "^3.1.1", "redux-devtools-dock-monitor": "^1.1.0", "redux-devtools-log-monitor": "^1.0.4", "webpack-dev-middleware": "^1.5.1", "webpack-hot-middleware": "^2.10.0" } 

Webpackconfiguration：

 var webpack = require('webpack'); var path = require('path'); var fs = require('fs'); var nodeModules = {}; fs.readdirSync('node_modules') .filter(function(x) { return ['.bin'].indexOf(x) === -1; }) .forEach(function(mod) { nodeModules[mod] = 'commonjs ' + mod; }); module.exports = { devtool: 'cheap-source-map', entry: ['webpack-hot-middleware/client', './index.js', ], target: 'node', output: { path: __dirname, filename: 'bundle.js', }, resolve: { extensions: ['', '.js', '.jsx'], }, module: { loaders: [ { test: /\.css$/, loader: 'style!css?modules', }, { test: /\.jsx*$/, exclude: [/node_modules/, /.+\.config.js/], loader: 'babel', query: { presets: ['react-hmre'], }, }, ], }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.DefinePlugin({ 'process.env': { CLIENT: JSON.stringify(true) } }) ], externals: nodeModules }; 

Answer 1

你将要设置目标为“networking”，因为你的意图是编译为networking。

你应该把引擎设置为节点（这是我假设你正在尝试使用目标）。

 target: "web", engines: { node: "4.x" },