【问题标题】:How to upgrade vuetify 1.4 to vuetify 2.0 version如何将 vuetify 1.4 升级到 vuetify 2.0 版本
【发布时间】:2019-12-04 15:19:15
【问题描述】:

我正在尝试将当前版本 vuetify 1.4 升级到 2.0,需要帮助

【问题讨论】:

标签: vue.js vuetify.js


【解决方案1】:

当我遇到这个问题时遇到了这个问题,这就是我所做的:

npm install vuetify@latest

更新 vuetify。然后更改 vuetify 对象的初始化。花了一段时间才找到official guide(实际上很明显,但很难用谷歌搜索)。

当我使用 plugin 架构时,我根据第一个示例更改了文件:

// v2.0
// src/plugins/vuetify.js

import Vue from 'vue';
import Vuetify from 'vuetify/lib';

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: 'mdi',
  },
});

// src/main.js
import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  vuetify,
  render: h => h(App)
}).$mount('#app')

然后我遇到了 sass-loader 的介绍性问题。为了解决这个问题,安装 sass、sass-loader 和 vuetify-loader 作为开发依赖:

npm install --save-dev sass sass-loader@7 vuetify-loader

请注意,我决定在第 7 版中强制使用 sass-loader,因为我无法让第 8 版正常工作,但我隐约记得看到一个关于如何使其工作的注释,但我找不到它再次。

在此之后,您可以开始迁移您的代码。我必须感谢我的乐于助人的同事为我解决了一半问题。

【讨论】:

  • 感谢您提供有关 sass 加载程序的信息。你有没有找到让第 8 版工作的方法?
  • @CamHart 我还没有尝试过,因为我想在我的应用程序上工作,抱歉。
【解决方案2】:

尝试:npm install -S vuetify@2.0.1

【讨论】:

    猜你喜欢
    • 2019-09-16
    • 2020-03-30
    • 2019-12-24
    • 1970-01-01
    • 2013-11-23
    • 2018-07-30
    • 2020-03-25
    • 1970-01-01
    • 2022-07-22
    相关资源
    最近更新 更多