【已解决】引入 element 组件无法使用编译错误 ERROR Failed to compile with 1 error

如果大家使用这个vue 配合 element 框架不熟练，当你顺利按照文档安装好 vue 和 element 的时候想要使用element 的组件时候确无法展示出来，甚至报错。不妨看看是不是这个问题，

1.首先使用element 的时候，前提是把必须要的 element 组件通过 yarm 或者 npm 安装一下。
2.安装的命令是 npm -i element --save （针对 vue2） ｜ npm -i element-plus --save(vue3).
3.安装的时候会比较漫长，安装好后 会告诉你花费多少秒，安装了多少个包的提示，如图。

4.安装好后就可以导入这个组建了，在 main.js或者 main.ts里一定要导入

import ElementPlus from 'element-plus' //全局引入
import 'element-plus/dist/index.css' 

这俩，一个是组件，一个是样式缺一不可，在 main 里安装是全局引用，对懒人比较 友好，我比较喜欢，也有按需应用， 自己找找教程吧！！

5.然后在 app.vue或者自己创建一个组件，然后去使用这个官网文档里的组件 直接复制代码即可。
比如代码：

<template><el-button>我是 ElButton</el-button>
</template>
<script>import { ElButton } from 'element-plus'export default {components: { ElButton },}
</script>

到这就结束了如何使用 element 组件了，一定要按着这个步骤，否则就会有编译错误 ERROR Failed to compile with 1 error 或者是不显示组件样式等等。。