Page 1 of 1

Components not displaying on Heroku

Posted: 01 Aug 2019, 12:28
by chrishj
I have an application that uses React as the front-end to a ruby-on-rails application. The React and RoR applications are in the same repo connected using webpack.

The PrimeReact components used are Dialog, tabView and Growl. They all work fine in development mode on MacBook, but styling and behaviour does not work when hosted on Heroku.
On the initial login page the text in the dialog is shown as text with reference to styles such as div.p-dialog-titlebar. I believe the issue is that the CSS within PrimeReact is not available

The site can be viewed here https://arcane-brook-38815.herokuapp.com/


There is also stackOverflow call that has a screenshot of the package.json used.
https://stackoverflow.com/questions/572 ... -deploymen

If you need the deploy log please let me know.

Could you let me know if there are any special steps required to use PrimeReact when hosted on Heroku?

Many thanks

Re: Components not displaying on Heroku

Posted: 10 Sep 2019, 12:46
by aragorn
Hi,

Do you have the following imports in your project?

Code: Select all

import 'primereact/resources/themes/nova-light/theme.css';
import 'primereact/resources/primereact.min.css';
import 'primeicons/primeicons.css';
Best Regards,

[Solved ]Re: Components not displaying on Heroku

Posted: 11 Sep 2019, 22:35
by chrishj
Thanks so much for this.

I have this evening had a reply from Heroku. They don't support React + Rails + webpack where React is in the Rails Javascript directory. They only support React in the Rails public directory.

Re: Components not displaying on Heroku

Posted: 12 Sep 2019, 11:15
by aragorn
Hi,

Thanks a lot for the update!

Best Regards,