生成生产静态文件夹create-react-app问题

问题描述

因此，我尝试使用“ npm build run”为生产环境提供静态版本的客户端。 并且我在使用React Router时遇到了麻烦（由于某种原因，只有移动版本可以工作，并且我不能立即使用路由，否则它就无法工作。（例如，无法到达/ Admin路由） 同样，看来我为通过react-js显示或隐藏元素设置的所有术语都不起作用。

import React from 'react'
import {browserRouter as Router,Route} from 'react-router-dom'
import NavigationBar from './components/NavigationBar'
import Background from './components/Background'
import HeroSection from './components/HeroSection'
import FeatureSection from './components/FeatureSection'
import ApartmentSection from './components/ApartmentSection'
import copyrightSection from './components/copyrightSection'
import AdminPanel from './admin-panel/AdminPanel'
import './components/styles/common.css'

class App extends React.Component {
    render() {
        return (
            <div className="container">
                <Router>
                    <Route path="/" exact={true}>
                        <Background/>
                        <NavigationBar/>
                        <HeroSection/>
                        <FeatureSection/>
                        <ApartmentSection/>
                        <copyrightSection/>
                    </Route>
                    <Route path="/Admin">
                        <AdminPanel/>
                    </Route>
                </Router>
            </div>
        );
    };
}

export default App;

如果您能帮助我，我会很高兴， 我试过查找其他stackoverflow问题和一般的goole并尝试使用： HashRouter而不是browserRouter（无效） 然后将package.json（编译前）的首页设置为“。”，“ /”，甚至是“ ./”，都不会成功。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）