在 React 中編碼的站點，在 GitHub Pages 上顯示空白頁面

Question

我從朋友那里收到了代碼，可以將其用作我的投資組合網站的模板。 該網站使用 javascript、react、html 和 css 編碼。

我將代碼上傳到 GitHub 上的存儲庫以查看它的外觀。 我已經在 ruben-olmos.github.io 發布了該網站。 然而，在導航到網站地址時，我看到的只是選項卡中的元數據和一個空白頁面。 似乎 index.html 文件被讀取，但其余的不是。 我認為這可能與它是用 javascript 編碼的事實有關。

該網站似乎沒有讀取代碼的 javascript 部分。 我已經閱讀了代碼，代碼似乎一切正常。 這是存儲庫的鏈接。 https://github.com/ruben-olmos/ruben-olmos.github.io 。

我以前啟動過網站，但他們沒有給我這個問題。 有任何想法嗎？

Answer 1

您的朋友可能不會做你一個大忙。

React 代碼不能立即上傳； 它必須由打包系統（如 webpack 或包裹）處理，其中 javascript 代碼創建 HTML/CSS，然后將其呈現到網頁上。 通常，它與 GIT（代碼版本控制）系統一起使用。

React 的優勢（顧名思義）是該編碼系統（用於協作（組/團隊）編碼）可以快速有效地對發生在網頁上多個位置的多個數據流做出反應。 缺點是它不是你祖母的 html/css/js Notepad++ 編碼模板。 學習反應不是基本的 - 它需要時間和精力。

如果您想成為一名專業開發人員並希望學習當前使用的最熱門、最先進的開發系統之一，請務必深入研究 React、Angular 或 Vue 等。但不要指望它是一項快速學習，或者在幾小時或幾天內擁有一個出色的作品集網站（當然，除非您身邊有一位 React 專家並指導您完成學習過程）。

但是如果你想要一個快速、免費的網站模板，我建議你看看 W3Schools 上更簡單的 Bootstrap 模板。 公司主題教程大約需要 20 分鍾才能完成，需要一兩個小時才能定制成最終產品。

相比之下，你可以花很多天（很多天）來學習 React。

---

更新：

這里有一篇文章可以幫助你理解一些 javascript 概念，以便在進入 React 之前復習：

https://blog.logrocket.com/javascript-concepts-before-learning-react/

Answer 2

我認為您從未在 index.html 頁面中包含您的 index.js。 所以 react 永遠不會被加載來接管 DOM