Components not displaying on Heroku

UI Components for React
Post Reply
chrishj
Posts: 229
Joined: 11 Jul 2011, 21:58
Location: England, Lancashire
Contact:

01 Aug 2019, 12:28

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
PrimeReact: 9.6.0
NextJs: 13.4.12
Theme Apollo v9.0
Database pg 8.8.0
react-hook-form: 7.38.0

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

10 Sep 2019, 12:46

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,

chrishj
Posts: 229
Joined: 11 Jul 2011, 21:58
Location: England, Lancashire
Contact:

11 Sep 2019, 22:35

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.
PrimeReact: 9.6.0
NextJs: 13.4.12
Theme Apollo v9.0
Database pg 8.8.0
react-hook-form: 7.38.0

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

12 Sep 2019, 11:15

Hi,

Thanks a lot for the update!

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests