question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Styles are not preloaded when using with nuxt build

See original GitHub issue

I am using this package as a nuxt module @nuxt.config.js: modules['vuetify-dialog/nuxt']. Everything works as expected during development, but when you run the build nuxt build -> nuxt start the styles are not pre-loaded. But if I add the vuetify dialog component manually to the component where I have to call a confirmation dialog via this package the styles are fine.

image image

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
PowerSlimecommented, Aug 15, 2019

Seems to be fixed in vuetify-dialog@1.0.0-alpha.2. Thanks @yariksav

1reaction
yariksavcommented, Mar 14, 2019

I told your code didn’t load some vuetify components, maybe because of a-la-carte

In my projects I use nuxt module for vuetify https://github.com/vuetifyjs/nuxt nuxt.config.js:

  modules: [
    'vuetify-dialog/nuxt',
     '@nuxtjs/axios',
     '@nuxtjs/vuetify'
     //...
  ],
  vuetify: {
    materialIcons: false,
    theme: {
      primary: '#3f51b5',
      secondary: '#b0bec5',
      accent: '#8c9eff',
      error: '#b71c1c'
    }
  }

and this works well

Read more comments on GitHub >

github_iconTop Results From Across the Web

extractCss build option doesn't preload the extracted styles
extractCss build option doesn't preload the extracted styles #6980 ... i've tried also with no render prop (using nuxt default) but is has ......
Read more >
nuxt.js - Nuxt - Fonts are not preloaded in <head> despite ...
I wrote a node script (post-build.js) that I run after the "generate" command. I use cheerio to modifiy html file content const fs...
Read more >
The build Property
Nuxt lets you customize the webpack configuration for building your web application as you want.
Read more >
Performance checklist for Vue and Nuxt
Improving performance of web applications will always be sexy. We want the page to load faster, smoother, and without too many layout shifts ......
Read more >
Concept - Nuxt Speedkit
The Lighthouse Test is not a tool to make a general statement about the quality ... efficiently by using a preload strategy and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found