css - React 应用程序无法正确呈现

标签 css twitter-bootstrap reactjs apache

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

因此,我们正在使用 PHP(后端)开发 React Bootstrap Web 应用程序(前端)。 它在装有 Debian 8、Apache、PHP7 和 Mysql 的机器上运行。

当页面加载时,它似乎没有渲染任何 CSS。
* 注意 - 该站点实际上使用的是 SCSS 而不是 CSS。 enter image description here

如果我查看 Firefox 中的控制台错误,它会显示这一点。 enter image description here

我修改了\etc\apache2\sites-available 中的 '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 应用

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

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

设置 ReactJS 应用程序后。然后尝试将您的 reactJS 应用程序与 PHP 连接

谢谢

关于css - React 应用程序无法正确呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50113386/

相关文章:

javascript - Flexbox 插入我的元素的中心

html - SVG线相交计算

html - 如果需要,截断最后一个元素的文本

html - 模态警报

javascript - JQuery 追加值在设置另一个值之前设置为 null

javascript - 元素隐式具有 'any' 类型,因为类型 'any' 的表达式不能用于索引类型

javascript - 组件挂载后,React js state props 如何工作?

java - 通过java bean显示html字符

javascript - 如何使用 Bootstrap Toggle 插件创建切换按钮?

html - 奇怪的 HTML 错误(停止包含 CSS 和 JS 文件)