Получение пустой страницы после публикации приложения React на godaddy - PullRequest
Новая
       6

Получение пустой страницы после публикации приложения React на godaddy

0 голосов
/ 25 мая 2020

Мое приложение отлично работает на localhosthost, но когда я запускаю npm run build и развертываю папку сборки в godaddy в подкаталоге, в консоли отображается пустая страница без ошибок. Я читал, что у некоторых других людей была такая же проблема, и я попытался установить "homepage": "." в package. json, который ничего не изменил, и я также попытался изменить опору базового имени BrowserRouter, но это также не изменилось что угодно (вот URL-адрес, на который я хочу опубликовать sh приложение, если оно вообще помогает https://www.harryh.tech/projects/Web_Dev_Quiz/index.html, и приложение использует response-router и firebase, не уверен, может ли что-то из этого вызвать проблему ). Если у кого-то есть идеи, как решить эту проблему, я был бы очень благодарен.

индекс. js

import React from "react";
import ReactDOM from "react-dom";
import { AuthProvider } from "./components/Context/Auth";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";


const Root = () => {
  return (
    <Switch>
      <PrivateRoute exact path="/" component={App} />
      <Route exact path="/register" component={Register} />
      <Route exact path="/login" component={Login} />
    </Switch>
  );
};

ReactDOM.render(
  <AuthProvider>
    <Router basename={process.env.PUBLIC_URL}>
      <Root />
    </Router>
  </AuthProvider>,
  document.getElementById("root")
);

пакет. json

{
  "name": "WebDevQuiz",
  "homepage": "https://www.harryh.tech/projects/Web_Dev_Quiz",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "firebase": "^7.1.0",
    "md5": "^2.2.1",
    "react": "^16.10.2",
    "react-color": "^2.17.3",
    "react-dom": "^16.10.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.2.0",
    "semantic-ui-react": "^0.88.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}
...