React App无法正确呈现

Posted 2021-04-03

首先 - 我没有编写React代码（这是我第一次触及React App），这是小组努力的一部分，我只是想让它在Apache上正确运行。

所以我们正在用php（后端）开发一个React Bootstrap Web App（前端）。它运行在Debian 8，Apache，PHP7和mysql的机器上。

当页面加载时，它似乎不呈现任何CSS。 *注意 - 该网站实际上使用SCSS而不是CSS。

如果我看一下Firefox中的控制台错误，就会显示出来。

我修改了 etc apache2 sites中的'000-default.conf'文件，可用于：

Alias /coaching "/var/www/coaching/"
<Directory "/var/www/coaching/">
    Order allow,deny
    Allow from all
    Require all granted
</Directory>

我还在/ var / www / coaching /中创建了一个.htaccess，其中包含：

RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

有关问题可能出在何处的任何建议？ 它是React问题 - 还是Apache问题？ 谢谢你的任何建议。

答案

设置reactJS应用程序可能会出错。设置基本的ReactJS应用程序。

按照以下链接设置reactJS App

https://reactjs.org/tutorial/tutorial.html

npm install -g create-react-app
create-react-app my-app

安装ReactJS App后。然后尝试将您的reactJS应用程序与PHP连接

谢谢

另一答案

React开发人员找到了我们遇到的问题的答案〜问题是React及其代码。

最初开发人员构建了使用Node Server的前端（忽略了平台将在Apache上运行的事实）。在通过apache进行必要的渲染更改时，一些平台组件被推送到'dev'，而其他组件则被推送到'生产'。 Apache只是在生产中渲染组件 - 这就是为什么几乎只有页眉和页脚呈现（没有样式），因为它们是推动生产的唯一组件。