Warm tip: This article is reproduced from serverfault.com, please click

vue.js-Vuetify.js

(vue.js - Vuetify.js)

发布于 2020-12-02 13:02:51

我在Vuetify.js v2.2中遇到问题当我使用containerrowcol类。这些样式可以在'dev'上正常工作。构建npm run build项目后,将不再应用这些样式。

我可以使用此处https://github.com/vuetifyjs/vuetify/issues/8013#issue-472862385指出的解决方法,但正如https://github.com/vuetifyjs/vuetify/issues/7978所述,情况并非如此不再。

有人经历过同样的事情并找到了官方的解决方案吗?

下面的例子:

直播 https://www.exchangehours.com/
在此处输入图片说明

本地开发人员(抱歉,没有公共领域)
在此处输入图片说明

Questioner
Nedvajz
Viewed
11
Nedvajz 2021-02-10 16:55:32

问题是我缺乏对VuetifyJs和te Vue本身的了解。

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

我没有直接检查它,但是我敢打赌,VuetifyJs的摇树逻辑是原因。在开发人员上的哪个位置,你已加载所有vue css和js,但是在构建后,只需要将css&js添加到chunk.js / chunk.css文件中。因此,如果你不使用Vue组件来创建容器或其他网格元素,则样式不包括在块中。

因此,如果你完全遵循文档,那么一切都可以正常工作。