elment ui 中el-container使用不当带来的错误

控制台报的错误类型：
1.[Vue warn]: Error in render: "TypeError: Cannot read property ‘length’ of undefined"
2.TypeError: Cannot read property ‘length’ of undefined
3.[Vue warn]: Error in mounted hook: "TypeError: this.$el.querySelectorAll is not a function"** **4.[Vue warn]: Error in render: "TypeError: _self.$el.querySelectorAllisnotafunction"∗∗∗∗4.[Vuewarn]:Errorinrender:"TypeError:s​elf.scopedSlots.default is not a function"
这四个错误，当我们看控制台时没有明确的指出代码中哪里有错误，百度也是各种各样的答案。当你看控制台报错时，有一个地方我们往往忽略。

它的意思就是我们在某个东西里面再次使用它自己，我们在自信看一下会发现，上截图：

我们发现，我们在el-container里面再次使用了它，换个比较装逼的说法叫递归使用。所以，我们找到了问题的根源，在el-container里面再次使用它。所以，我们只需要把里面的el-container及其它内部的子元素，如el-header、el-main都去掉，上面的四个问题就都能解决了。