Failed to resolve component: el-submenu this is a native custom element, make sure to exclude i

### 解决 `el-form-item` 组件解析失败的问题 当遇到 `Failed to resolve component: el-form-item` 的警告时，这通常意味着 Vue 未能找到该组件定义。对于 Element Plus 库中的组件，在使用前必须确保已正确注册这些组件。 #### 方法一：全局注册所需组件 如果项目规模较小或希望简化配置，则可以选择一次性全局安装所有常用组件： ```javascript import { createApp } from 'vue'; import App from './App.vue'; // 导入整个ElementPlus库并应用到Vue实例上 import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; // 引入样式文件 const app = createApp(App); app.use(ElementPlus); // 使用ElementPlus插件 app.mount('#app'); ``` 这种方法简单直接，但可能会增加打包体积，因为即使某些页面未使用的功能也会被打包进来[^3]。 #### 方法二：局部按需加载特定组件 更推荐的做法是在需要的地方单独引入必要的组件，这样可以减少不必要的依赖项，优化性能: ```javascript import { createApp } from 'vue'; import App from './App.vue'; // 只导入实际需要用到的具体组件 import { ElForm, ElFormItem, ElInput, } from 'element-plus'; const app = createApp(App); // 注册单个组件供模板调用 app.component('ElForm', ElForm); app.component('ElFormItem', ElFormItem); app.component('ElInput', ElInput); app.mount('#app'); ``` 另外一种方式是通过 plugin 形式来实现相同效果： ```javascript export default function install(app){ app.use(ElForm).use(ElFormItem).use(ElInput); } ``` 以上两种方法都可以有效解决 `el-form-item` 组件找不到的问题。需要注意的是，除了上述操作外，还需确认已经按照官方文档说明正确设置了国际化支持以及 CSS 文件的引用。