网站以React编码，在GitHub页面上显示空白页面

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

您的朋友可能对您没有很大的帮助。

反应代码不可立即上传；它必须由包装系统（例如webpack或包裹）进行处理，在该系统中，javascript代码创建HTML / CSS，然后将其呈现到网页上。通常，它与GIT（代码版本控制）系统结合使用。

React（顾名思义）的优点在于，此编码系统（用于协作（组/团队）编码）可以快速有效地对网页上多个位置出现的多个数据流做出反应。缺点是它不是您祖母的html / css / js Notepad ++编码模板。学习反应不是基本的-需要时间和精力。

如果您希望成为一名专业开发人员并希望研究当前使用的最热门，最先进的开发系统之一，则一定要深入研究React或Angular或Vue等。但是不要期望它会成为现实。快速学习，或在几个小时或几天内建立一个不错的投资组合网站（当然，除非您有一位React专家坐在您身边并指导您完成学习过程）。

但是，如果您想要一个快速，免费的网站模板，我建议您看看W3Schools上更简单的Bootstrap模板。 Company Theme教程大约需要20分钟才能完成，而定制最终产品则需要一两个小时。

相比之下，您可以花很多天（很多天）来学习React。

---

更新：

这里有一篇文章，可以帮助您了解一些要跳到React之前要复习的javascript概念：

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

Answer 2

我认为您从未在index.html页面上包含index.js。因此，react从未加载来接管DOM