当我遇到这个问题时遇到了这个问题,这就是我所做的:
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 版正常工作,但我隐约记得看到一个关于如何使其工作的注释,但我找不到它再次。
在此之后,您可以开始迁移您的代码。我必须感谢我的乐于助人的同事为我解决了一半问题。