我有一個 ReactJs 專案，該專案已經過測驗并且在開發中完美運行。
我現在試圖將它托管在基于 Ubuntu 的 VPS 上的 Apache 服務器上。路由顯然作業正常，一個簡單的“關于頁面”正在加載。但所有其他路由都會導致空白頁面，以及以下控制臺錯誤：
我懷疑依賴項可能有問題：非作業組件的示例依賴串列如下所示：
import { Row, Col } from 'antd';
import { useNavigate } from "react-router-dom";
import BouncingBox from '../../components/bouncing-box/bouncing-box.jsx';
import RoundedBtn from '../../components/rounded-btn/rounded-btn.jsx';
import { Input } from 'antd';
import { useState, useRef } from 'react';
import FirebaseService from '../../services/FirebaseService.js';
import SessionStorageService from '../../services/SessionStorageService.js'
import { useParams } from 'react-router';
import { useEffect } from 'react/cjs/react.development';
有誰知道是什么導致了這個問題？它是一個基于 create-react-app 的專案，所以我們使用 webpack 和一些自定義庫。應該注意的是，我已經嘗試在 Netlify 上托管它，結果完全相同，所以可能不是服務器配置問題。
編輯：
join-game.jsx 第 27 行是指這段代碼...
useEffect(() => {
if (inputstate == 1) isHosting.current = true
}, [])
uj5u.com熱心網友回復：
所以對我來說問題是匯入：
import { useEffect } from 'react/cjs/react.development';
是自動生成的。所以我洗掉了該行并切換了：
import { useState, useRef } from 'react';
到：
import { useState, useRef, UseEffect } from 'react';
故事寓意：您可以在開發工具中單擊導致問題的原因并將其列印出來，這將提示您可能應該在其中檢查匯入的檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/357623.html
標籤：javascript 反应 网络包 依赖 创建反应应用程序