记一次报错,模块引入顺序

337 阅读1分钟

error

今天运行突然报了组件未注册的错,原来就是模块引入顺序的问题

// 组件未注册
[Vue warn]: Unknown custom element: <el-form> - did you register the component correctly? 
For recursive components, make sure to provide the "name" option.

之前文章提到,我写了一个全局登录窗口。然后前些时间,我又在store里面加了一个登录逻辑,自然就需要引入窗口组件,然后就引发了上面的错。(查看main.js文件)

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store' <- 这里引入了登录窗口
import './plugins/axios'

import 'normalize.css/normalize.css' // fix css

import './plugins/element.js' // element ui <- 这里注册了登录窗口使用的UI组件
import './plugins/vuesax.js' // vuesax ui <- 这里注册了登录窗口使用的UI组件
import './plugins/anime' // animejs
import './plugins/boxicons' // iconfont

import './directives/index' // global directives
import './components/index' // global components <- 这里面注册了登录窗口

import './styles/index.scss' // global css

import './permission'

我在store文件中使用登录窗口,而这时UI组件还未注册,所以就导致了组件未注册错误

image.png