vue-cli 项目引入element ui 运行时浏览器报错Unknown custom element

最近在学习vue+element ui，出现了一个报错，百思不得其解，有没有大佬帮我看下啊啊啊啊啊，操作和代码如下

按照官网的操作已经在idea中安装了element ui，并且在main.js文件中引入了

然后创建了一个vue文件，从element官网复制了一段代码

然后下面是App.vue的代码

输入命令npm run dev 启动项目，然后在浏览器打开

发现和官网展示的不一样，这个按钮组件并没有样式，而且报错

可是我已经在main.js文件引入了element的所有组件了呀，救救孩子吧！！！