Это код моей конфигурации веб-пакета:
const compiler = webpack({
entry: ['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')],
module: {
loaders: [
{
exclude: /node_modules/,
test: /\.js$/,
loader: 'babel',
},
],
},
output: {filename: 'app.js', path: '/'},
});
const app = new WebpackDevServer(compiler, {
contentBase: '/public/',
proxy: {'/graphql': 'http://localhost:${GRAPHQL_PORT}'},
publicPath: '/js/',
stats: {colors: true},
});
app.use('/', express.static(path.resolve(__dirname, 'public')));
Работает нормально, приложение работает на localhost: 3000/index.html, но когда я пытаюсь реализовать React Router dom v4. Это не работает. Это код:
const About = () => <div> <h1>About</h1> </div>
ReactDOM.render(
<BrowserRouter>
<div>
<Route exact path='/' component={App}/>
<Route path='/about' component={About}/>
</div>
</BrowserRouter>,
mountNode
);
Это результат на локальном хосте: 3000/ А на localhost: 3000/об. Я получаю сообщение об ошибке: Не удается получить/о. Не то, что я ожидаю, почему бы это не сделать?