# vue3+vite安装element-plus报错解决-使用组件不起作用
# 快速导航
# 前言
在刚开始使用vue3+vite+ts项目中安装element-plus，使用组件不起作用，报错如下：
UnCaugh SyntaxError:The requested module '/node_modules/element-plus/lib/locale/lang/zh-cn.js?v=7.0.2' does not provide an export named 'default'
1
# 解决方案
删除
node_modules文件夹和package-lock.json文件修改
package.json修改
Vue版本号,必须3.3.2以上安装
element-plus,重新npm install i --force,强制安装,否则会报错
# element-plus找不到样式
在main.js中,找到引入element-plus样式
解决也很简单，既然自己已经安装了element-plus依赖，却找不到文件，大概率是路径变了。于是手动翻了下node-modules，发现果然整个theme-chalk文件夹都被挪了位置
旧版本安装位置
import 'element-plus/lib/theme-chalk/index.css'; // 这里巨坑,路径问题
1
新版本安装位置
import 'element-plus/dist/index.css';
1
如果发现样式问题,那大概率是引入样式的位置问题
# 总结
element-plus使用与ElementUI没啥多大区别,但是是有些坑的,需要踩
分享
留言
解答
收藏
