vue3+vite安装element-plus报错解决-使用组件不起作用

最新推荐文章于 2024-08-07 09:28:26 发布

原创最新推荐文章于 2024-08-07 09:28:26 发布 · 1.8k 阅读

CC 4.0 BY-SA版权

在Vue3项目中使用Vite安装Element-Plus时遇到组件无法正常工作和样式丢失的问题。解决方案包括删除node_modules、修改package.json中的版本号、重新安装，并检查样式引入路径，因为新版本的安装位置可能发生了变化。

在刚开始使用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'

在main.js中,找到引入element-plus样式

解决也很简单，既然自己已经安装了element-plus依赖，却找不到文件，大概率是路径变了。于是手动翻了下node-modules，发现果然整个theme-chalk文件夹都被挪了位置

旧版本安装位置

import 'element-plus/lib/theme-chalk/index.css';   // 这里巨坑,路径问题

新版本安装位置

import 'element-plus/dist/index.css';

如果发现样式问题,那大概率是引入样式的位置问题

element-plus使用与ElementUI没啥多大区别,但是是有些坑的,需要踩

(能绘画,能问答)