完全复制element ui   的时候出现的报错,如下:

 网上有说在main.js里面加上缺少的组件样式,比如我这个第一个报错表示缺少form-item以及form等等一大堆,需要在main.js里面加上对应的代码,如

import {Formitem,Form,Input} from "element-ui"
Vue.use(Formitem);
Vue.use(Form);
Vue.use(Input);

但是这不是一劳永逸的方式,根本原因在于你element ui组件未安装,或者安装后在main.js内引入位置不对,

原因一:饿了么ui没装

一、入门和安装

1、element ui是一套为传统桌面准备的基于vue.js的前端组件库。需要基于vue-cli脚手架

2、需要安装环境,node.js和vue脚手架

3、过程

  3.1首先安装vue-cli

   基于 vue-cli 快速生成工程化的 Vue 项目(在项目文件夹中管理员命令):

    vue create 项目的名称

3.2、切换到安装好的目录下,安装element ui

npm i element-ui -S

3.3在脚手架main,js中引入element ui


import ElementUI from 'element-ui'; 
import 'element-ui/lib/theme-chalk/index.css'; 
Vue.use(ElementUI);

原因二:引入位置不对,elementui引入位置一定要在引入vue包和引入vue文件之间

如:

//   1
import Vue from 'vue'

//放到1和2这俩中间
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

//   2
import tianjia from './monitor/table/tianjia.vue'

即可解决报错问题

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐