Giter VIP home page Giter VIP logo

Comments (25)

jeverduzco avatar jeverduzco commented on May 25, 2024 1

Hi @kevinmarrec I updated and changed treeShake to true and effectively the bug is fixed, thank you.

from vuetify-module.

jeverduzco avatar jeverduzco commented on May 25, 2024

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.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

Can't help without repository, if you found an issue related on Vuetify repo please copy link here thanks

from vuetify-module.

jeverduzco avatar jeverduzco commented on May 25, 2024

@kevinmarrec Here is already open the issue in the repo of Vuetify: vuetifyjs/vuetify#7978

from vuetify-module.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@jeverduzco It's reproducible without Nuxt i.e. with Vue CLI ?

from vuetify-module.

Mnwa avatar Mnwa commented on May 25, 2024

Have are some problem

from vuetify-module.

jeverduzco avatar jeverduzco commented on May 25, 2024

@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.

franzyke avatar franzyke commented on May 25, 2024

I'm getting this error without nuxt

from vuetify-module.

Mnwa avatar Mnwa commented on May 25, 2024

I think is problem in the vuetify loader, because if I set property treeShake to false then all right

from vuetify-module.

jeverduzco avatar jeverduzco commented on May 25, 2024

@Mnwa @kevinmarrec Confirmed if I set treeShake to false works.

from vuetify-module.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

Mnwa avatar Mnwa commented on May 25, 2024

Hey! Now it don't build vuetify components in treeShake mode + production. vuetify 2.0.1 and @nuxtjs/[email protected]
Снимок экрана 2019-07-26 в 2 53 53

from vuetify-module.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

gotenxds avatar gotenxds commented on May 25, 2024

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.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

jeverduzco avatar jeverduzco commented on May 25, 2024

Upgrade to the latest version of the module and I have no problems: https://imgur.com/tkPAOjN

from vuetify-module.

gotenxds avatar gotenxds commented on May 25, 2024

@kevinmarrec
https://github.com/gotenxds/notamimic/
Thanks for the help !

from vuetify-module.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

gotenxds avatar gotenxds commented on May 25, 2024

@kevinmarrec
The issue is when treeShaking is set to true

from vuetify-module.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

gotenxds avatar gotenxds commented on May 25, 2024

@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.

kevinmarrec avatar kevinmarrec commented on May 25, 2024

@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.

Mnwa avatar Mnwa commented on May 25, 2024

Hey! It's vuetify loader bug I think. I create issue for it vuetifyjs/vuetify-loader#71

from vuetify-module.

morficus avatar morficus commented on May 25, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.