elementui报错
常见 ElementUI 报错及解决方法
依赖版本不匹配 检查项目中 ElementUI 和 Vue 的版本是否兼容。ElementUI 2.x 需要 Vue 2.x，ElementUI Plus 需要 Vue 3.x。通过以下命令查看版本：
npm list element-ui vue组件未注册 确保在使用组件前正确注册。全局注册：
import Vue from 'vue';
import ElementUI from 'element-ui';
Vue.use(ElementUI);局部注册：
import { ElButton } from 'element-ui';
export default {
components: { ElButton }
}样式文件缺失 完整引入时需要单独导入样式文件：
import 'element-ui/lib/theme-chalk/index.css';按需引入时需配置 babel-plugin-component 插件。
国际化问题 若出现语言相关报错，需显式设置语言包：
import locale from 'element-ui/lib/locale/lang/zh-CN';
Vue.use(ElementUI, { locale });API 变更警告 升级版本后注意变更日志，例如日期时间组件在 2.15.0 后改用 dayjs 替代 moment。
浏览器兼容性 IE 环境下需配置 transpileDependencies：
// vue.config.js
module.exports = {
transpileDependencies: ['element-ui']
}自定义主题错误 使用主题生成工具时确保变量文件路径正确：
/* 必须前置导入变量 */
@import "~element-ui/packages/theme-chalk/src/common/var.scss";
@import "./custom-variables.scss";表单验证失效 验证规则需返回 callback 或 Promise：
validator(rule, value, callback) {
if (!value) return callback(new Error('必填'));
callback();
}SSR 兼容问题 服务端渲染需避免浏览器 API 直接调用，使用 process.client 判断环境：
if (process.client) {
this.$notify({ title: '客户端提示' });
}
