У меня возникла проблема с загрузкой приложения React в Vercel, хотя все работает гладко, в конце я вижу белый экран. На консоли есть одна ошибка:
и
Есть ли синтаксические ошибки или ссылки, которые я по ошибке добавил сюда? Моя сборка прошла успешно, но я увидел только пустую страницу на развернутом сайте
{ "name": "запрос-реакция-проект", "версия": "0.1.0", «частное»: правда, "зависимости": { "ckeditor5-built-custom": "file:./ckeditor5-built-custom", "@ckeditor/ckeditor5-build-classic": "^33.0.0", "@ckeditor/ckeditor5-react": "^4.0.1", "@fortawesome/fontawesome-free-regular": "^5.0.13", "@fortawesome/fontawesome-svg-core": "^1.2.36", "@fortawesome/free-brands-svg-icons": "^6.1.1", "@fortawesome/free-solid-svg-icons": "^5.15.4", "@fortawesome/react-fontawesome": "^0.1.16", "@testing-library/jest-dom": "^5.15.0", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.8.3", "аксиос": "^0.26.1", "ckeditor5": "^33.0.0", "firebase": "^9.6.11", "framer-motion": "^4.1.17", "node-sass": "^6.0.1", "реагировать": "^17.0.2", "react-dom": "^17.0.2", "реагировать-значки": "^4.3.1", "реагировать-маршрутизатор-dom": "^6.0.2", "реагировать-скрипты": "4.0.3", "web-vitals": "^1.1.2" }, "скрипты": { "start": "react-scripts --max_old_space_size=8196 start", "build": "react-scripts --max_old_space_size=8196 build", "test": "тест реагирования-скриптов", "eject": "извлечь реагирующие скрипты" }, "эслинтконфиг": { "расширяется": [ "реагировать-приложение", "реагировать-приложение/шутка" ] }, "список браузеров": { "производство": [ ">0,2%", "не мертв", "не все op_mini" ], "разработка": [ "последняя версия Chrome", "последняя версия Firefox", "последняя версия сафари" ] } } App.js
импортировать React из 'react' import { BrowserRouter as Router, Route, Routes } из 'реагировать-маршрутизатор-дом' импортировать { AuthProvider } из './shared/context/authContext' импортировать домашнюю страницу из './user/pages/home' импортировать навигацию из './shared/comments/Navigation/Header' импортировать стили из «./index.scss» импортировать MainAuth из './user/pages/formElements/authentication/MainAuth' импортировать NewQuery из './query/pages/newQuery' импортировать AllQueries из './query/pages/AllQueries' импортировать запрос из './query/pages/Query' импортировать профиль из './user/pages/Profile' импортировать EditQuery из './query/pages/editQuery/editQuery' импортировать EditProfile из './user/pages/formElements/EditProfile/editProfile' импортировать MainFooter из './shared/comComponents/Footer/MainFooter' const App = () => { возвращаться ( {/* */} ) } экспортировать приложение по умолчанию Home.js Я думаю, что ошибка в home.js. Он извлекает API из серверной части, которая еще не размещена, но на консоли выдается ошибка, и ошибки нет. Я не уверен
import React, { useState, useEffect } из 'реагировать' импортировать стили из «./home.module.scss» // импортируем стили переменной из '../../shared/SassVariables/variable.scss' импортировать Jumbotron из '../../shared/comComponents/UIElements/Jumbotron' импортировать карту из «../../shared/comComponents/UIElements/Card» импортировать аксиомы из «аксиоса» const Home = () => { const [totalQues, setTotalQues] = useState(0) useEffect(() => { axios.get('http://localhost:8080/api/queries').then( (ответ) => { if (response.data) setTotalQues(response.data.length) }, (ошибка) => console.log(ошибка), ) }) возвращаться ( Каждое ваше сомнение требует ответа
- Всего запросов {totalQues
Ожидающие запросы
{265}
Средн. Время ответа
30 минут
активные пользователи{' '}
{Math.floor((Math.random() + 1) * 15)
