我用的是@vue/cli 4.3.
最近调用了antd组件、element-UI组件样式最后都失败,页面没有显示任何控件。打开控制台提示:
did you register the component correctly?For recursive components, make sure to provide the "name" option.
上网搜了很多解决方案,无果。现在贴一下我的解决方案。
因为我在里面还引用了其他库,所以一开始我是这么写的
import Vue from 'vue'
import App from './App'
import router from './router/router'
import './iconfont/iconfont.css'
import store from './store/store'
import axios from 'axios'
import VueAxios from 'vue-axios'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.config.productionTip = false
Vue.use(axios, VueAxios,ElementUI)
这样写的错的。具体是不是cli更新了什么我还不清楚,正确写法应该是将ElementUI单独拎出来注册。
import Vue from 'vue'
import App from './App'
import router from './router/router'
import './iconfont/iconfont.css'
import store from './store/store'
import axios from 'axios'
import VueAxios from 'vue-axios'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI) //注意这里
Vue.config.productionTip = false
Vue.use(axios, VueAxios) //注意别写一起
这样改了以后就正常了。