时间戳

首页 > 解决方案 > 如何将 vuetify 1.4 升级到 vuetify 2.0 版本

vue.js - 如何将 vuetify 1.4 升级到 vuetify 2.0 版本

问题描述

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

标签： vue.jsvuetify.js

解决方案

当我遇到这个问题时遇到了这个问题，这就是我所做的：

npm install vuetify@latest

更新 Vuetify。然后更改 vuetify 对象的初始化。花了一段时间才找到（实际上很明显，但很难用谷歌搜索）官方指南。

当我使用插件架构时，我根据第一个示例更改了文件：

// 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 工作，但我隐约记得看到了一条关于如何使其工作的说明，但我再也找不到它了。

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

推荐阅读