Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs react热加载程序无法与webpack v1一起使用_Reactjs_Webpack_Webpack Dev Server_React Hot Loader - Fatal编程技术网

Reactjs react热加载程序无法与webpack v1一起使用

Reactjs react热加载程序无法与webpack v1一起使用,reactjs,webpack,webpack-dev-server,react-hot-loader,Reactjs,Webpack,Webpack Dev Server,React Hot Loader,我以前有过这种配置 module: { loaders: [ { loaders:['react-hot','babel-loader'], query: {presets: ["react", "es2015", "stage-0"]}, test: /\.jsx?$/, exclude: /(node_modules|bower_components)/ } ] }, devto

我以前有过这种配置

 module: {
    loaders: [
      {
        loaders:['react-hot','babel-loader'],
        query: {presets: ["react", "es2015", "stage-0"]},
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/
      }
    ]
  },
  devtool: 'cheap-module-eval-source-map'
};
要添加热加载器,我必须将“加载器”更改为“加载器”,但随后出现了一个问题,即网页无法读取查询。为了修复,我尝试了这个,但没有成功

var webpack=require('webpack')


您的RHL版本是什么?最新版本,^3.0.0-beta.6
module.exports = {
  entry:
  [
     'webpack-dev-server/client?http://0.0.0.0:3000', // WebpackDevServer host and port
  'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors
  './scripts/index',   

  "script!jquery/dist/jquery.min.js",
  "script!foundation-sites/dist/foundation.min.js",
  "./app/app.jsx"
  ],
  externals: {
jquery: 'jQuery'
  },
   plugins: [
            new webpack.ProvidePlugin({
              '$':'jquery',
              'jQuery':'jquery'

            }),
              new webpack.HotModuleReplacementPlugin()

               ],
  output: {path: __dirname, filename: "./public/bundle.js"},
  resolve: {
    root: __dirname,
    alias: {
      Main: "app/components/main.jsx",
      Nav: "app/components/nav.jsx",

      applicationStyles: 'app/styles/app.scss'
    },
    extensions: ["", ".js", ".jsx"]
  },
  module: {
    loaders: [
      {
        loaders:['react-hot','babel-loader','babel?presets[]=es2015,presets[]=stage-0,presets[]=react'],
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/
      }
    ]
  },
  devtool: 'cheap-module-eval-source-map'
};