部署到 Netlify returns 空页面时刷新页面

Question

我已经通过 GitHub（CD 主分支 - 回购：https://github.com/willstocks-tech/ws-code-react）向 Netlify 部署了 create-react-app 站点的测试版。

当我导航到该站点时，一切正常，我可以在 Home About 和 Contact 组件之间导航，没有任何问题。

但是，当我在查看其中一个组件时刷新页面时，页面 returns 完全空白（在浏览器控制台中有几个看似无关的错误）。

是不是我在摆弄的过程中遗漏了什么？请原谅任何新手错误，这是我在 React 上的第一次正确尝试！

我尝试用

创建一个 netlify.toml 文件

[[redirects]]
from = "/*"
to = "/index.html"
status = 200

我还创建了一个 _redirects 文件（按照建议），详情如下。

这是我当前的设置：

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './layout/App';
import './assets/stylesheets/index.scss';
//import * as serviceWorker from './serviceWorker';

//serviceWorker.unregister();

ReactDOM.render(<App />, document.getElementById('root'));

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Navbar from './components/navbar';
import Home from 'layout/views/home';
import About from 'layout/views/about';
import Contact from 'layout/views/contact';
import Footer from './components/footer';


class App extends React.Component {
    constructor() {
        super();
    }
    render() {
        return (
            <Router>
                <div className="app">
                    <Navbar />
                    <div className="view">
                        <Switch>
                            <Route exact path="/" component={ Home }/>
                            <Route path="/about" component={ About }/>
                            <Route path="/contact" component={ Contact }/>
                            <Route render={ () => <h1>404 Error</h1> } />
                        </Switch>
                    </div> {/* view */}
                    <Footer />
                </div> {/* app */}
            </Router>
        );
    }
}

export default App;

使用 /public/_redirects 文件，目前只有：

/*  /index.html  200

我原本希望能够向某人发送 link 说 /about 或让某人刷新页面并查看 same/updated 内容，但现在他们只会看到一个空白页。

Answer 1

我有点傻...我忘记删除 /public 中的 .html 个文件！

部署到 Netlify returns 空页面时刷新页面

Refreshing page when deployed to Netlify returns empty page

reactjs

react-router

netlify

create-react-app

react-router-v4