它是用我的第一个项目react,react-router,react-hot-loader,webpack-dev-server和webpack.当我更改react组件中的代码时,热加载器变得有效,但同时,控制台告诉我一个警告:
你不能改变"路由器路由"; 它会被忽略.
我不知道如何解决这个问题.有代码:
webpack代码:
var path = require('path');
var webpack = require('webpack');
module.exports = {
devtool: 'source-map' ,
entry: [
'webpack-dev-server/client?http://localhost:3000',
'webpack/hot/only-dev-server',
'./jsx/index'
],
output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js',
publicPath: '/public/'
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
],
resolve: {
extensions: ['', '.js', '.jsx', 'json']
},
module: {
loaders: [{
test: /\.js$/,
exclude: /node_modules/,
loaders: ['react-hot', 'babel'],
}]
},
watch:true
};
Run Code Online (Sandbox Code Playgroud)
索引代码:
import React from 'react' …Run Code Online (Sandbox Code Playgroud) javascript reactjs webpack webpack-dev-server react-hot-loader