Реагируйте APP с Маршрутами и Авторизацией от Firebase, развернутой на страницах GH, показывает Пустую страницу - PullRequest
0 голосов
/ 11 апреля 2020

У меня есть приложение реагирования, в котором есть Маршруты и модуль авторизации от Firebase. Я успешно развернул простые приложения React на GH-Pages. Посмотрите учебник по YT и попытайтесь развернуть текущее приложение с помощью HashRouter и BrowserRouter - безуспешно.

Как правильно его развернуть? GitHub, Google не дает ответа, который поможет мне.

Git: https://github.com/TyroniUA/X-Culture

Пакет. json

"homepage":"https://tyroniua.github.io/X-culture/",
"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js",
    "predeploy": "npm run build",
    "deploy":"gh-pages -d build"
  },

Приложение. JS где Auth & Routes:

import { HashRouter as Router, Switch, Route } from "react-router-dom"
import { AuthProvider } from "./FireBase/Auth";

/// some imports later 

function App() {
  return (
    <AuthProvider>
    <Router>

        <NavBar title='volodymyr' />
        <Switch>

          <Route path='/' exact render={(props) => <Main/>} />
          <Route path='/admin' exact component={Admin} />
          <PrivateRoute path='/AdminDashboard'exact component={AdminDashboard} />
          <Route path='/training' component={Training} />
          <Route path='/business' component={Business} />
          <Route path='/research' component={Research} />
          <Route path='/coach' component={Coach}/>
          <Route path='/team' component={Team} />
          <Route path='/symposium' component={GSymp}/>
          <Route path='/blog' component={Blog} />
          <Route path='/winners' component={Winners} />
          <Route path='/hackaton' component={Hackaton} />
        </Switch>
        <Footer />
    </Router>
    </AuthProvider>

  );
}

1 Ответ

0 голосов
/ 27 апреля 2020

Ну, я не уверен, как именно я исправил проблему, но я сделал это.

Я делаю все заново: * HashRouter вместо BrowserRouter * Домашняя страница в пакете. json но с более низким X в "X-culture"

и все заработало.

...