elementUI container布局不生效解决办法

大晚上的查这个查了半个多小时，不行我一定要写博客把这个坑记录下。

<el-container direction="vertical">
        <el-header>Header</el-header>
        <el-container>
            <el-aside width="200px">Aside</el-aside>
            <el-main>Main</el-main>
        </el-container>
    </el-container>

在写项目中，用到了container布局，我代码复制的官网，应该是没有问题的，但是却没有出现预期的结果，页面显示如下图

然后看了下高度宽度，我把#app的高设置为100vh(充满全屏)

结果页面还是没变化，一直在百度搜“ElementUI container布局不生效”，说的都是这个属性

实在没办法从头百度，搜索“EclementUI的使用”，看到全局导入和按需导入才明白过来，如果是按需导入，container也是要手动导入的，导入如图：

导入之后就好了，然后随便设置一下背景色，高度，大概长这样

说了这么多没有几句有用的，如果你在使用elementUI中出现此问题，也希望你能检查下elementui是否导入，组件是否导入这类问题。