这篇答案是给新手准备的
使用vite构建,(vue3)的项目怎么安装element-ui
在使用vite构建项目时,想要为项目安装element-ui
于是参照官网的文档试图使用npm指令安装
npm i element-ui -S
结果出错为
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: demo1@0.0.0
npm ERR! Found: vue@3.2.31
npm ERR! node_modules/vue
npm ERR! vue@"^3.0.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.6
npm ERR! node_modules/element-ui
npm ERR! element-ui@"*" from the root project
搜索一下才发现原因
首先,vite只能构建vue3项目
其次,目前(22.3.19)element-ui官网文档还没有支持vue3
使用element-plus可以解决这个问题
【官网】element-plus.gitee.io/zh-CN/
按照文档一步一步操作即可
...but the server responded with a MIME type...错误解决
安装完成后立即使用element-ui却发现出现了这个错误
有可能是 安装完成后 项目还没有重启
如果安装正确,npm run dev后,你应该能看到
记得任何修改配置文件的操作,都要重启哦