【问题标题】:Vuetify.js - class `.container` losts styles after `npm run build`Vuetify.js - `.container` 类在`npm run build` 后丢失样式
【发布时间】:2020-12-02 13:02:51
【问题描述】:

我在使用 Vuetify.js v2.2 时遇到问题。当我使用containerrowcol 类时。这些样式在“开发”上运行良好。 一旦我构建了npm run build 项目,这些样式就不再适用了。

我可以使用此处提到的解决方法 https://github.com/vuetifyjs/vuetify/issues/8013#issue-472862385,但正如 https://github.com/vuetifyjs/vuetify/issues/7978 所述,这应该不再是这种情况了。

有人遇到过同样的情况并找到了官方解决方案吗?

以下示例:

直播 https://www.exchangehours.com/

本地开发人员(抱歉,没有公共领域)

【问题讨论】:

    标签: vue.js grid containers vuetify.js


    【解决方案1】:

    问题在于我对 VuetifyJs 和 Vue 本身缺乏了解。

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

    我没有直接检查它,但我敢打赌,VuetifyJs 的摇树逻辑是原因。在 dev 上,你已经加载了所有的 vue css & js,但是在构建之后,只需要 css & js 被添加到 chunk.js / chunk.css 文件中。 因此,如果你不使用 Vue 组件创建容器或其他网格元素,样式不会包含在块中。

    因此,如果您完全按照文档操作,一切都会很好。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-31
      • 2020-12-16
      • 2020-09-14
      • 1970-01-01
      • 2021-03-26
      • 2020-11-28
      • 2021-03-03
      • 1970-01-01
      相关资源
      最近更新 更多