Приложение React не отображается должным образом - PullRequest
0 голосов
/ 01 мая 2018

Во-первых, я не писал код React (и это мой первый раз, когда я касался приложения React), это часть групповой работы, и я просто пытаюсь заставить его правильно работать на Apache.

Итак, мы разрабатываем веб-приложение React Bootstrap (внешний интерфейс) с PHP (внутренний интерфейс). Он работает на компьютере с Debian 8, Apache, PHP7 & Mysql.

Когда страница загружается, кажется, что она не отображает CSS.
* Примечание - сайт фактически использует SCSS, а не CSS. enter image description here

Если я посмотрю на ошибку консоли в Firefox, это показывает это. enter image description here

Я изменил файл '000-default.conf' в \ etc \ apache2 \ sites-available, чтобы это было:

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

Я также создал .htaccess в / var / www / coaching /, который имеет это:

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

Есть предложения о том, где может быть проблема?
Это проблема React или проблема с Apache?
Спасибо огромное за любые предложения.

Ответы [ 2 ]

0 голосов
/ 02 мая 2018

Разработчик React нашел ответ на возникшие у нас проблемы - проблема была в React и их коде.

Изначально разработчик создавал интерфейс для использования Node Server (игнорируя тот факт, что платформа должна была работать на Apache). При внесении необходимых изменений для рендеринга через apache некоторые компоненты платформы были переведены в «dev», а другие - в «production». Apache рендерил только компоненты в производственном процессе, поэтому фактически только верхний и нижний колонтитулы выполняли рендеринг (без стилизации), поскольку они были единственными компонентами, запущенными в производство.

0 голосов
/ 01 мая 2018

Может быть, что-то пошло не так, когда вы настраиваете ваше приложение ReactionJS. Настройка базового приложения ReactJS.

Перейдите по ссылке ниже, чтобы настроить приложение activJS

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

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

После установки приложения ReactJS. Затем попробуйте подключить ваше приложение activJS с PHP

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...