我试图让webpack-dev-middleware / webpack-hot-middleware与我的快递服务器一起工作 . 如果我直接运行webpack配置它运行正常但是当我尝试从中间件运行它时它不会解析JSX .

这是我的配置

{
  "name": "client",
  "entry": [
    "react-hot-loader/patch",
    "webpack-dev-server/client?http://0.0.0.0:5000",
    "webpack/hot/only-dev-server",
    "webpack-hot-middleware/client?quiet=true",
    "./lib/ui/index.js"
  ],
  "output": {
    "path": "/dist",
    "filename": "app.js?h=[hash]",
    "sourceMapFilename": "app.map?h=[hash]"
  },
  "devtool": "cheap-module-source-map",
  "module": {
    "loaders": [
      {
        "test": /\.jsx?$/,
        "loaders": [
          "react-hot-loader/webpack",
          "babel-loader"
        ],
        "include": [
          "apps",
          "lib"
        ]
      },
      {
        "test": /\.css$/,
        "loader": "style-loader!css-loader"
      },
      {
        "test": /\.less$/,
        "loader": "style-loader!css-loader!less-loader"
      },
      {
        "test": /\.(png|jpg|gif)$/,
        "loader": "url-loader?limit=-1"
      },
      {
        "test": /\.woff(2)?(\?v=[0-9].[0-9].[0-9])?$/,
        "loader": "url-loader?limit=8192&mimetype=application/font-woff"
      },
      {
        "test": /\.(ttf|eot|svg)(\?v=[0-9].[0-9].[0-9])?$/,
        "loader": "file-loader"
      }
    ]
  },
  "plugins": [
    new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify(NODE_ENV),
            'process.env.HOSTNAME': os.hostname(),
            __DEV__: NODE_ENV !== 'production',
            __PROD__: NODE_ENV === 'production'
        }),
    new webpack.HotModuleReplacementPlugin()
  ]
}

这是我的app.js钩子,用于中间件

if (module.hot) {
    console.log("Adding hot server middleware");
    const webpack = require('webpack');
    const webpackDevMiddleware = require("webpack-dev-middleware");
    const webpackHotMiddleware = require("webpack-hot-middleware");
    const config = require('../../webpack-dev.config');
    console.log(JSON.stringify(config));
    const compiler = webpack(config);

    app.use(webpackDevMiddleware(compiler, {
        hot: true,
        filename: 'app.js',
        publicPath: '/dist/',
        stats: {
            colors: true,
        },
        historyApiFallback: true,
    }));

    app.use(webpackHotMiddleware(compiler, {
        log: console.log,
        path: '/__webpack_hmr',
        heartbeat: 10 * 1000,
    }));
}

这是我在运行服务器时看到的错误

添加热服务器中间件
webpack在1564ms内构建了92f9412eb41d32640224
哈希:92f9412eb41d32640224
版本:webpack 2.5.1
时间:1564ms
资产大小块大块名称
app.js?h = 92f9412eb41d32640224 621 kB 0 [emit] [big] main
app.map?h=92f9412eb41d32640224 757 kB 0 [emit] [big] main
chunk {0} app.js?h = 92f9412eb41d32640224,app.map?h = 92f9412eb41d32640224(main)574 kB [entry] [rendered]
[24](webpack)/buildin/module.js 517字节{0} [已建]
[82] ./~/querystring-es3/index.js 127字节{0} [已建]
[100] ./~/strip-ansi/index.js 161字节{0} [已建]
[101] ./lib/ui/index.js 304字节{0} [已 Build ] [失败] [1错误]
[102] ./~/react-hot-loader/patch.js 41个字节{0} [已建]
[103](webpack)-dev-server / client?http://0.0.0.0:5000 3.97 kB {0} [built]
[104](webpack)-hot-middleware / client.js?quiet = true 6.68 kB {0} [built]
[105](webpack)/hot/only-dev-server.js 2.29 kB {0} [built]
[219] ./~/react-hot-loader/lib/patch.js 209字节{0} [已建]
[266] ./~/url/url.js 23.3 kB {0} [built]
[268](webpack)-dev-server / client / socket.js 856字节{0} [已建]
[269](webpack)-hot-middleware / client-overlay.js 1.82 kB {0} [built]
[270](webpack)-hot-middleware / process-update.js 3.88 kB {0} [built]
[272](webpack)/hot/emitter.js 77字节{0} [已建]
[274] multi react-hot-loader / patch webpack-dev-server / client?http://0.0.0.0:5000
webpack / hot / only-dev-server webpack-hot-middleware / client?quiet = true ./lib/ui/index.js 76 bytes {0} [built] 260个隐藏模块ERROR in ./lib/ui/index . JS
模块解析失败:C:\ Users \ jesse \ oui-tools \ lib \ ui \ index.js意外的令牌(23:2)
您可能需要适当的加载程序来处理此文件类型 .
|
| ReactDOM.render(
| <Provider store = {configureStore()}>
| <MuiThemeProvider muiTheme =
>
| <路线/>
@ multi react-hot-loader / patch webpack-dev-server / client?http://0.0.0.0:5000
webpack / hot / only-dev-server webpack-hot-middleware / client?quiet = true ./lib/ui/index.js

当我直接运行webpack配置时,它构建没有任何错误 . 求救,请完全卡住 . 我正在使用react-hot-loader的v3 .