We've moved discussions to Discord

Join Discord

CSS not being applied on new jumpstart install

Richard Warren •
I have just installed a new instance of Jumpstart following the install instructions carefully. When I first load the server the app page does not seem to have applied any CSS (see below).  If I go into the Admin part it is fine.
I can't figure out why this is happening.
image.png 47.9 KB
Chris Oliver •
What errors do you get from running bin/webpack?

I've been updating the webpacker config to match the latest version and might have broken something. Although it's working perfectly fine for me.
Richard Warren •
Hi Chris, thanks for the response. 

Note that I am doing this on a Windows 10 using VS Code and WSL with Ubuntu.  Since my last message I have set this up on a Mac as a test that I was doing it right and it worked fine.  However, I'd still like to get this working on the Windows setup as it is my preferred dev environment.  

Running bin/webpack I get this:

Hash: b6e6ba63edb1fdf5e730
Version: webpack 4.44.2
Time: 3569ms
Built at: 11/10/2020 9:34:33 AM
                                                               Asset       Size        Chunks                         Chunk Names
                             js/administrate-7ef7a67399a9a0bc855d.js   1.15 MiB  administrate  [emitted] [immutable]  administrate
                         js/administrate-7ef7a67399a9a0bc855d.js.map   1.15 MiB  administrate  [emitted] [dev]        administrate
                              js/application-ce51c583126a20e87101.js   1.26 MiB   application  [emitted] [immutable]  application
                          js/application-ce51c583126a20e87101.js.map   1.27 MiB   application  [emitted] [dev]        application
                                js/jumpstart-e44c8547fffbe727da16.js    686 KiB     jumpstart  [emitted] [immutable]  jumpstart
                            js/jumpstart-e44c8547fffbe727da16.js.map    698 KiB     jumpstart  [emitted] [dev]        jumpstart
                                                       manifest.json   1.35 KiB                [emitted]              
   media/images/icons/checkmark-94d128efd051661a94df22e517d9e626.svg  119 bytes                [emitted]              
 media/stylesheets/icons/person-3f49afb7a45c25f853507b0576fa783f.svg  242 bytes                [emitted]              
media/stylesheets/icons/twitter-9cee238b819e63cb331309e217986742.svg  863 bytes                [emitted]              
Entrypoint administrate = js/administrate-7ef7a67399a9a0bc855d.js js/administrate-7ef7a67399a9a0bc855d.js.map
Entrypoint application = js/application-ce51c583126a20e87101.js js/application-ce51c583126a20e87101.js.map
Entrypoint jumpstart = js/jumpstart-e44c8547fffbe727da16.js js/jumpstart-e44c8547fffbe727da16.js.map
[./app/javascript/administrate/index.js] 98 bytes {administrate} [built]
[./app/javascript/channels sync recursive _channel\.js$] ./app/javascript/channels sync _channel\.js$ 160 bytes {administrate} {application} {jumpstart} [built]
[./app/javascript/channels/index.js] 211 bytes {administrate} {application} {jumpstart} [built]
[./app/javascript/controllers sync recursive _controller\.js$] ./app/javascript/controllers sync _controller\.js$ 416 bytes {administrate} {application} [built]
[./app/javascript/controllers/index.js] 676 bytes {administrate} {application} [built]
[./app/javascript/packs/administrate.js] 986 bytes {administrate} [built]
[./app/javascript/packs/application.js] 1.05 KiB {application} [built]
[./app/javascript/packs/jumpstart.js] 495 bytes {jumpstart} [built]
[./app/javascript/src/actiontext.js] 8.66 KiB {administrate} {application} [built]
[./app/javascript/src/confirm.js] 2.74 KiB {application} [built]
[./app/javascript/src/direct_uploads.js] 1.58 KiB {administrate} {application} [built]
[./app/javascript/src/forms.js] 928 bytes {administrate} {application} [built]
[./app/javascript/src/timezone.js] 563 bytes {administrate} {application} [built]
[./app/javascript/src/tooltips.js] 683 bytes {administrate} {application} [built]
[./app/javascript/stylesheets/application.scss] 664 bytes {application} [built]
    + 134 hidden modules
Richard Warren •
UPDATE: I re-installed the dev environment again using a slightly different approach to installing all the dependencies (using APT for most) and this now works as expected.  I think there was something messed up with the Webpack install before.
My Discussions Participating All Discussions
Notifications
You’re not receiving notifications from this thread.