angular8使用ElementUI(专业排雷)

angular8使用ElementUI (排雷)

集中排雷!!!!!!!!不怕死的都给我冲!!!

首先说一下如何引入

npm i --save element-angular

然后在全局style.css引入css

@import "~element-angular/theme/index.css";

引入全局moudule

import { ElModule } from 'element-angular';

在这里插入图片描述
4.雷区来了!!!!!!!
使用除布局外其余组件,都好使,
当使用了布局时 比如

<div el-container class="demo-box">
  <div el-aside width="200px">Aside</div>![在这里插入图片描述](https://img-blog.csdnimg.cn/20191213151803747.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3OTUwNDkw,size_16,color_FFFFFF,t_70)
  <div el-container direction="vertical">
    <div el-header>Header</div>
    <div el-main>Main</div>
    <div el-footer>Footer</div>
  </div>
</div>

页面会报错如下
在这里插入图片描述
看了一下其他的说明,均为angular6之前的,于是追踪了一下官网
在这里插入图片描述
然后对比一下angular8发布时间,网络原因,就使用百度搜索看一下
在这里插入图片描述
发现发布时间在20190529(可能不准),与element-angular差了一年多的时间,!!!!!!!
本人搞了小半天,发现是因为太监原因导致不好使,,,,实在令人抓狂,特发此贴警示新人
新人请使用angular网站推荐的ui
如下图
在这里插入图片描述
参考网站:angular中文网

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值