Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] There's no .container rule in productuon #7978

Closed
rounce opened this issue Jul 24, 2019 · 6 comments
Closed

[Bug Report] There's no .container rule in productuon #7978

rounce opened this issue Jul 24, 2019 · 6 comments
Assignees
Labels
C: VGrid Covers issues involving VContainer, VLayout, VFlex P: critical The issue is of critical importance T: bug Functionality that does not work as intended/expected
Milestone

Comments

@rounce
Copy link

rounce commented Jul 24, 2019

Environment

Vuetify Version: 2.0.0
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.71
OS: Linux x86_64

Steps to reproduce

  1. vue create test; cd test; vue add vuetify; vue vuild
  2. check css file

Expected Behavior

.container in css file
.container {
width: 100%;
padding: 12px;
margin-right: auto;
margin-left: auto;
}

Actual Behavior

no .container rule

Reproduction Link

https://github.com/rounce/vuetify_test

Other comments

dev
production

@jeverduzco
Copy link

Here's some more information: nuxt-community/vuetify-module#67 (comment)

@KaelWD KaelWD added C: VGrid Covers issues involving VContainer, VLayout, VFlex T: bug Functionality that does not work as intended/expected and removed S: triage labels Jul 25, 2019
@KaelWD KaelWD added this to the v2.0.x milestone Jul 25, 2019
@KaelWD KaelWD closed this as completed in 0315233 Jul 25, 2019
@KaelWD KaelWD added the P: critical The issue is of critical importance label Jul 25, 2019
@mardonedias
Copy link

I upgraded to version 2.0.1, but it still has the same problem.

@rounce
Copy link
Author

rounce commented Jul 26, 2019

@mardonedias, can it be a cache? I upgraded and the problem is gone.

@mardonedias
Copy link

@mardonedias, can it be a cache? I upgraded and the problem is gone.

Hello, you're right, it was the cache, thanks.
sorry for the inconvenience

@nedvajz
Copy link

nedvajz commented Dec 2, 2020

I am at version Vuetify 2.2 and experiencing same issue. When I force refresh with Dev bar on in Chrome, nothing changes .. so surely no cache problem.

On live https://www.exchangehours.com/, there is no container, row or col styles applied at all.

On dev all of these works as expected.

@nedvajz
Copy link

nedvajz commented Dec 23, 2020

The solution seems to be obvious now, but it took a while until I realized it was PEBCAK .. aaah ..

# What I used
<div class="container"> </div>  
  
# What needs to be used  
<v-container> </v-container>  

More here: https://stackoverflow.com/questions/65108642/vuetify-js-class-container-losts-styles-after-npm-run-build/65425266#65425266

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VGrid Covers issues involving VContainer, VLayout, VFlex P: critical The issue is of critical importance T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

5 participants