解决Vue Cli安装Element-plus后启动失败的问题

大家注意，以前通过 npm的方式安装已经不再适用于 Element-plus v1.1.0-beta.21版本，如果你使用这种方式，启动vue的时候会出现下面的错误：

ERROR Failed to compile with 2 errors 9:22:58 AM

These relative modules were not found:

• ./fonts/element-icons.ttf in ./node_modules/css-loader/dist/cjs.js??ref–6-oneOf-3-1!./node_modules/postcss-loader/src??ref–6-oneOf-3-2!./node_modules/element-plus/dist/index.css
• ./fonts/element-icons.woff in ./node_modules/css-loader/dist/cjs.js??ref–6-oneOf-3-1!./node_modules/postcss-loader/src??ref–6-oneOf-3-2!./node_modules/element-plus/dist/index.css
  

Element-plus官网的文档提供了 Vue-cli安装 Element的方式，文档地址:
https://element-plus.gitee.io/zh-CN/guide/quickstart.html#starter-template

打开文档往下找，到这个地方有个 Vue CLI 安装 Element-Plus的安装方法，点击链接进去：

https://github.com/element-plus/vue-cli-plugin-element-plus

跟着这个命令执行即可：

vue add element-plus

注意：如果你之前通过npm安装配置过 element，你需要先执行

npm uninstall element-plus

并且移除 main.js里面的配置：

import installElementPlus from './plugins/element' 是自动添加的，无需手动配置。

OK，完成上面的配置，我们就可以启动vue了

npm run serve

在页面上会看到：

说明 Element-plus安装成功了。

tips: 遇到问题，大家还是多看看官方文档，应该会提供解决方案的。