Rails 5.1 app does not seem to load Vue component CSS

Question

I'm trying out a brand new Rails 5.1.4 app, installing both the default webpacker and vue scripts

rails new app --webpack rails webpacker:install:vue

I'm trying out the new app with the include hello_vue.js sample file.

"Hello Vue!" gets rendered, but the scoped css included in the component is not.

Is this a bug? Any work-arounds?

Make sure you include the stylesheet_pack_tag in your layout to include the css. i.e. stylesheet_pack_tag 'hello_vue' — Chris O'Sullivan, Sep 20 '17 at 10:40

score 6 · Accepted Answer · answered Sep 20 '17 at 19:30

6

Thanks @Chris O'Sullivan, I did not include stylesheet_pack_tag. This seems to be a new requirement moving from Webpacker 2 to 3

answered Sep 20 '17 at 19:30

Chih-Chao Lam

1 Answers1