ReactJS路由器交换机冲突

Question

我在下面使用了类似代码的React Router，但是我的account页面返回了404。

<Router>
            <Switch component={App}>
                <Route exact
                    path={CelestialSettings.path + 'account'}
                    render={(props) => <App header={<Header />} main={<Register />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />
                <Route exact
                    path={CelestialSettings.path + 'posts/:slug'}
                    render={(props) => <App header={<Header />}
                        main={<Detail detailink={CelestialSettings.path + 'posts/:slug'} />}
                        sidebar={<Popular />}
                        feature={<Featurex />}
                        mainbottom={<Categories />} />} />
                <Route exact={true}
                    path={CelestialSettings.path + ':slug'}
                    render={(props) => <App header={<Header />}
                        main={<Page />}
                        sidebar={<Popular />}
                        feature={<Featurex />}
                        mainbottom={<Categories />} />} />
                <Route exact
                    path={CelestialSettings.path + 'category/:slug'}
                    render={(props) => <App header={<Header />} main={<Category />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />

                <Route exact
                    path={CelestialSettings.path}
                    render={(props) => <App header={<Header />} main={<Blog add_category="" />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />

                <Route render={(props) => <App header={<Header />} main={<NotFoundPage />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />

            </Switch>
        </Router>

每个人都可以帮我检查一下吗？