React App无法正确呈现

时间:2018-05-01 08:23:15

标签: css twitter-bootstrap reactjs apache

首先 - 我没有编写React代码(这是我第一次触及React App),这是团队努力的一部分&我只是想让它在Apache上正确运行。

因此我们正在使用PHP(后端)开发React Bootstrap Web App(前端)。 它运行在Debian 8,Apache,PHP7及其上的机器上。 MySQL的。

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

如果我查看Firefox中的控制台错误,它会显示此信息。 enter image description here

我修改了\ 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问题? 感谢大家提出任何建议。

2 个答案:

答案 0 :(得分:0)

设置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

<强>感谢

答案 1 :(得分:0)

React开发人员找到了我们遇到的问题的答案〜问题是React&amp;他们的代码。

最初,dev构建了使用Node Server的前端(忽略了平台将在Apache上运行的事实)。在通过apache进行必要的渲染更改时,一些平台组件被推送到“开发”,而其他组件被推送到“生产”。 Apache只是在生产中渲染组件 - 这就是为什么几乎只有标题&amp;页脚正在渲染(没有样式),因为它们是推动生产的唯一组件。