如何将vuetify 1.4升级到vuetify 2.0版本

时间:2019-07-26 09:43:10

标签: vue.js vuetify.js

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

2 个答案:

答案 0 :(得分:12)

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

npm install vuetify@latest

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

在使用插件体系结构时,我根据第一个示例更改了文件:

// 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安装为dev依赖项:

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

请注意,我决定在版本7中强制使用sass-loader,因为我无法使版本8正常工作,但我微弱地记得看到有关如何使其正常工作的说明,但我找不到它再次。

此后,您可以开始迁移代码。我要感谢我乐于助人的同事为我解决了其中的一半。

答案 1 :(得分:0)

尝试:npm install -S vuetify@2.0.1