反応-ルータ-DOMはここでのコンソールエラー

Question

で作業していない私のエントリファイルはここ

index.js

import React from 'react' 
import ReactDOM from 'react-dom' 
import { BrowserRouter, Route } from 'react-router-dom' 

class Hello extends React.Component { 
    render() { 
    return <div>Hello!</div> 
    } 
} 

class Goodbye extends React.Component { 
    render() { 
    return <div>Goodbye!</div> 
    } 
} 

ReactDOM.render(
    <BrowserRouter> 
    <div> 
     <Route path="/hello" component={Hello} /> 
     <Route path="/goodbye" component={Goodbye} /> 
    </div> 
    </BrowserRouter>, 
    document.getElementById('app') 
) 

であることは私の依存関係ファイルは

package.json

です

{ "name": "React-Router-Redux", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack-dev-server", "build": "webpack -p" }, "keywords": [], "author": "Manoj Kumar", "license": "ISC", "dependencies": { "prop-types": "^15.5.10", "react": "^15.6.1", "react-dom": "^15.6.1", "react-router-dom": "^4.1.2" }, "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", "babel-preset-stage-1": "^6.24.1", "webpack": "^3.5.5", "webpack-dev-server": "^2.7.1" } } 

W私はhttp://localhost:8081/helloまたはhttp://localhost:8081/goodbyeに行く鶏、それは私が反応し-ルータ-DOMを使用して、このコンソールエラー

GET http://localhost:8081/hello 404 (Not Found) 

または

GET http://localhost:8081/hello 404 (Not Found) 

でCannot GET /helloまたはCannot GET /goodbyeをレンダリング^ 4.1.2は、^ 15.6.1を反応させます。私はこれを解決できませんでした私を助けてください。

これはWebPACKの問題のように見えます

Answer 1

ありがとうございます。あなたのwebpack.config.jsのdevServerブロックにライン

historyApiFallback: true 

を追加してみてください。これは、index.jsによって正しくルーティングされるべきである/index.htmlに404をリダイレクトします。

Hereさんがあなたと似た問題について議論しているスレッドです。