Блог

Главная - Вопросы по программированию - Проблема с белым экраном при развертывании приложения create-react на gh-страницах

Проблема с белым экраном при развертывании приложения create-react на gh-страницах

#reactjs #deployment #react-router #react-router-dom #github-pages

Вопрос:

Я только что создал сайт, который использует извлечение API и выдает соответствующие результаты, он работает так, как я хотел localhost , но когда я пытаюсь развернуть его на gh-страницах, он просто показывает белый пустой экран и предупреждение в консоли Loading failed for the <script> . Я попытался использовать HashRouter вместо BrowserRouter , но это добавляет дополнительную # информацию к URL, что не то, что я хочу, из-за извлечения идентификатора из URL.

Вещи, которые я пробовал:

  1. Изменился BrowserRouter на HashRouter , но я не хотел этого, как уже упоминалось
  2. Добавлена домашняя страница в package.json
  3. Даже пытался развернуть его на разных вариантах, таких как firebase, netlify и vercel, но все равно у всех одна и та же проблема

Код:

пакет.json

 "homepage": "https://devchaudhary78.github.io/explorer/", "scripts": {  "start": "craco start",  "predeploy": "npm run build",  "deploy": "gh-pages -d build",  "build": "craco build",  "test": "craco test",  "eject": "react-scripts eject" },

индекс.tsx

 import React from "react" import ReactDOM from "react-dom" import Paths from "./Paths" import "./index.css" import { BrowserRouter } from "react-router-dom"  ReactDOM.render(  <React.StrictMode>  <BrowserRouter>  <Paths />  </BrowserRouter>  </React.StrictMode>,  document.getElementById("root") )
Метки: