它的使用react
,react-router
,react-hot-loader
,webpack-dev-server
和webpack
我的第一个项目。当我更改反应组件中的代码时,热载入器生效,但同时控制台告诉我一个警告:反应路线,反应热,loader.webpack(您不能更改<路由器的路由>,它会被忽略)
您不能更改“路由器路由”;它会被忽略。
我不知道如何解决这个issue.there是代码:
的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
};
指数代码:
import React from 'react'
import ReactDOM from 'react-dom'
import { Router, Route, Link } from 'react-router'
import App from './index/app'
import About from './index/about'
import Inbox from './index/inbox'
class Routers extends React.Component {
render() {
return (
<Router>
<Route path="/" component={App}>
<Route path="about" component={About} />
<Route path="inbox" component={Inbox} />
</Route>
</Router>
);
}
}
ReactDOM.render(<Routers />, document.getElementById('root'));
谢谢! !
看看https://github.com/rackt/react-router/issues/2704 ...有不少人提出这和有几件事你可以尝试基于那里的建议 –
尝试在常量中定义路线,看看它是否工作。我在我的项目中使用了类似的设置,但我没有看到此错误消息。 –
@ AbhishekJain.thank你的回答,我一直在看github.com/rackt/react-router/issues/2704,但是我找不到解决办法。我不知道这个警告是否会对你有效我的项目,即使react-router和hot-loader是有用的。 –