使用vuetify 提示Vuetify未正確初始化

最近在看傳智的vuetify教程,發現裏面的vuetify加載方法有點問題,一直加載不成功.
使用vue -cli安裝vuetify, 樣式未能正確加載,在前後添加標籤後提示vuetify未正確初始化
提示如下:Error: Vuetify is not properly initialized
查到的解決辦法:
步驟一:添加下面標籤到index.html

這步無關緊要,只要配置字體和樣式即可

步驟2:main.js 代碼如下,比官網操作多了export default new Vuetify{()},以及Vue中添加vuetify屬性
import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router’
import Vuetify from ‘vuetify’
Vue.config.productionTip = false
Vue.use(Vuetify)
export default new Vuetify({ })
/* eslint-disable no-new */
new Vue({
el: ‘#app’,
router,
vuetify: new Vuetify(),
components: { App },
template: ‘’
})

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章