小编Zfa*_*len的帖子

系统信息:

OSX 10.12.4 Sierra
Node v7.10.0
npm v4.2.0

浏览器测试:

Chrome 58.0.3029.110
Safari 10.1
Firefox 53.0

问题:

我有一个在生产中有效运行的应用程序,我已经克隆并且正在尝试更新以准备构建续集.但是,我通过将它/ React/HMR更新到更新的版本来遇到一个奇怪的Webpack问题.

HMR将连接,Webpack似乎编译得很好.但是,与页面交互(例如单击)会生成以下错误:

显然,应用程序在那时不再起作用,因为点击事物不会触发任何事情.有趣的是,我们还在Node控制台和浏览器中收到以下404错误:

(注意:这似乎是一个巨大的查询字符串,包括函数,特别是引用syntheticEvent.如果你愿意,我可以打印整件事)

NODE v6.3.1

相关的NPM:

"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-transform-catch-errors": "^1.0.0",
"react-transform-hmr": "^1.0.4",

"webpack": "^2.5.1",
"webpack-dev-middleware": "^1.10.2",
"webpack-hot-middleware": "^2.18.0"

"babel-cli": "^6.11.4",
"babel-core": "^6.24.1",
"babel-eslint": "^7.2.1",
"babel-loader": "^7.0.0",
"babel-plugin-array-includes": "^2.0.0",
"babel-plugin-transform-decorators-legacy": "^1.0.0",
"babel-plugin-transform-object-assign": "^6.0.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-react-hmre": "^1.1.1",
"babel-preset-stage-1": "^6.24.1",

WEBPACK.CONFIG.DEV.JS:

var path = require('path');
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var hotMiddlewareScript = 'webpack-hot-middleware/client';

console.log('using …