我在Vuetify.js v2.2中遇到问题。当我使用container
,row
或col
类。这些样式可以在'dev'上正常工作。构建npm run build
项目后,将不再应用这些样式。
我可以使用此处https://github.com/vuetifyjs/vuetify/issues/8013#issue-472862385指出的解决方法,但正如https://github.com/vuetifyjs/vuetify/issues/7978所述,情况并非如此不再。
有人经历过同样的事情并找到了官方的解决方案吗?
下面的例子:
问题是我缺乏对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组件来创建容器或其他网格元素,则样式不包括在块中。
因此,如果你完全遵循文档,那么一切都可以正常工作。