Comments (25)
Hi @kevinmarrec I updated and changed treeShake to true and effectively the bug is fixed, thank you.
from vuetify-module.
I think it's a bug in version 2.0 that doesn't compile .container so I guess it's a wait and see update.
from vuetify-module.
Can't help without repository, if you found an issue related on Vuetify repo please copy link here thanks
from vuetify-module.
@kevinmarrec Here is already open the issue in the repo of Vuetify: vuetifyjs/vuetify#7978
from vuetify-module.
@jeverduzco It's reproducible without Nuxt i.e. with Vue CLI ?
from vuetify-module.
Have are some problem
from vuetify-module.
@kevinmarrec I have only reproduced it in Nuxt but from what I see in the discord chat is happening to many by running npm run build and npm start.
from vuetify-module.
I'm getting this error without nuxt
from vuetify-module.
I think is problem in the vuetify loader, because if I set property treeShake to false then all right
from vuetify-module.
@Mnwa @kevinmarrec Confirmed if I set treeShake to false works.
from vuetify-module.
@jeverduzco Yeah, in dev mode treeShake
is false by default, that's why you don't have the issue in development but in production. Let's wait for Vuetify team answers around vuetifyjs/vuetify#7978 , I pinged them on Discord.
from vuetify-module.
@jeverduzco It should have been fixed in Vuetify 2.0.1.
I've updated dependencies and published @nuxtjs/vuetify@1.0.1.
Can you try upgrading and tell me if it fixes your issue ?
If it does please close this issue :)
from vuetify-module.
Hey! Now it don't build vuetify components in treeShake mode + production. vuetify 2.0.1 and @nuxtjs/[email protected]
from vuetify-module.
@Mnwa I tested build
+ start
locally and then in production environment the last version of the Vuetify module, and I didn't experience the issue about Vuetify components not built.
from vuetify-module.
I still get this after updating to 2.0.3, it works fine with treeShake off, anything else I might be missing ?
Also it seems like for me the issue is much worse, most if not all vuetify components fail to show
production without tree shaking:
https://i.imgur.com/3St2STV.png
production with tree shaking:
https://i.imgur.com/7hGPiyv.png
from vuetify-module.
@gotenxds Could you provide the repository (or create a new one) with the issue you take the screenshots here ? I'll investigate from that thanks
from vuetify-module.
Upgrade to the latest version of the module and I have no problems: https://imgur.com/tkPAOjN
from vuetify-module.
@kevinmarrec
https://github.com/gotenxds/notamimic/
Thanks for the help !
from vuetify-module.
@gotenxds I cloned your project, yarn install
+ yarn build
+ yarn start
and didn't see issues, while treeShaking is set to false
. Am i missing something ?
from vuetify-module.
@kevinmarrec
The issue is when treeShaking is set to true
from vuetify-module.
@gotenxds It seems to be because you're using Nuxt programatically but I've no clues about what's going on for now :/. It's way too hard to debug, maybe having a repository with the same bug reproduction but with a little app context would help me to find the issue.
from vuetify-module.
@kevinmarrec
Thanks for trying to help, what do you mean by using nuxt problematically ?
Am I doing something weird or uncommon here? I'm coming from a react (2y) and angular (4y) background and been using vue for just 2 weeks so if I'm doing something off I'd like to know.
Anyway I'l try to repo it on a smaller scale, but not knowing what caused it will make it difficult :
Thanks again.
from vuetify-module.
@gotenxds Programatically (https://nuxtjs.org/api/nuxt#using-nuxt-js-programmatically), it means you use external server to build nuxt instead of just Nuxt. But it should be fine, it's just that it seems somehow vuetify-loader
doesn't do anything, it should import the Vuetify components but I don't think it does and that's why the production version of your app is broken.
Smaller scale should just about having a server/index.js
(it doesn't need to be typescript to reproduce issue) that build Nuxt, and just have the vuetify module installed.
from vuetify-module.
Hey! It's vuetify loader bug I think. I create issue for it vuetifyjs/vuetify-loader#71
from vuetify-module.
Hello!
I am also running in to the same issue where when treeShake
is true some things get screwy.
Not sure if this module does anything particular during tree shaking or if it is just a proxy to the vuetify-loader... but I'm in the process of creating a repo to recreate the issue, so I'll be creating a new issue in a bit.
from vuetify-module.
Related Issues (20)
- Object literal may only specify known properties, and 'vuetify' does not exist in type 'NuxtConfig'. HOT 2
- How can I use nuxt vuetify-module in specific layout and its pages?
- null model for v-tabs-items causes different output in SSR and client
- [BUG] Long load time in Chrome, hang in Firefox due to long icon loading HOT 8
- [BUG] The contents of v-card children are duplicated when an anchor tag is added HOT 3
- Installing problem on cpanel/nodevenv
- v-virtual-scroll component is missing HOT 1
- How to locally install material icons?
- Vue 2.7 compatibility HOT 3
- nuxt-bridge not being rendered on server side
- Cannot read properties of undefined (reading 'resolveAlias') with Nuxt3 HOT 2
- A v-form nested inside another v-form is a production silent bomb.
- Vuetify 3 release HOT 7
- vuetify not initialized HOT 1
- nuxtjs/vuetify (1.12.3) - Not working due to sass loader issue HOT 1
- Breadcrumbs component: clicking on the breadcrumb causes the site to rerender
- Module cases "JavaScript heap out of memory"
- Syntactically wrong css generation due to very old sass version
- Nuxt 3 Support HOT 8
- Need way to move vuetify-theme-stylesheet from top of head section to any position
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuetify-module.