elementPlus 问题总结

elementplus,问题,总结 · 浏览次数 : 22

小编点评

## 问题分析 1. 按钮没有样式，导致无法正常显示。 2. 操作控制台没有任何报错错误，但可能与版本有关。 3. 导入的 index.css 文件没有。 4. 尝试使用 `import 'element-plus/lib/theme-chalk/index.css'` 方法会导致错误。 5. 尝试使用 `import 'element-plus/dist/index.css'` 方法成功加载样式，但版本问题可能导致无法显示按钮。 ## 解决方案 1. 确认当前的元素 Plus 版本是否与视频教程兼容。 2. 如果版本不匹配，尝试升级或使用官方提供的版本。 3. 确保 `index.css` 文件在项目中正确路径。 4. 尝试使用 `import 'element-plus/dist/index.css'` 方法，并确保其版本与其他版本匹配。 5. 如果仍然无法解决问题，可以尝试向元素 Plus 官方寻求帮助。

正文

第一次搞，遇上很多弱智问题，记录一下

安装elementPlus

$ npm install element-plus --save

全局引入

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

createApp(App)
.use(ElementPlus)
.mount('#app')

直接使用组件，但是，问题出现了，引入的按钮没有样式，并且一系列操作控制台没有任何报错

错误截图：

修改过程。其实我不明白怎么好的，我只知道引入的index.css文件没有。

我是跟着视频学的，一开始以为版本问题，可能引入有差别，但是官网就是这么写的吖，百度到一个引入的语句和我的不一样，我就试试，自然是报错的，我再改回我原本写的，就好了……

原理我不懂，反正就好了

import 'element-plus/lib/theme-chalk/index.css';

这行代码肯定不行，但是你先运行一下项目，然后再改成

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

好了

很奇怪，可能我自己的问题，但是我是跟着视频敲的，可能就是版本的问题？但我写的跟官网一样的……

我的elementPlus版本是2.3.6 视频的版本是 2.2.5