VUE3中使用el-from后报警告If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

在 Vue3 中，当你使用 Element UI 的 `<el-form>` 组件时，可能会遇到这个警告。这是因为 Vue 试图将所有的自定义元素（包括 Element UI 的组件）作为潜在的 Vue 组件来解析，而 `<el-form>` 是一个原生浏览器支持的 HTML 元素，并不是 Vue 官方提供的组件。

要解决这个问题，你需要在构建时排除对 `<el-form>` 等非Vue官方自定义元素的组件解析。这通常是在 `vue.config.js` 文件中配置 `compilerOptions` 对象的 `isCustomElement` 属性：

module.exports = {
  configureWebpack: {
    output: {
      isCustomElement: (tag) => tag.includes('el-form') || tag.includes('your-other-custom-element')
    }
  }
}

这里的关键是将 `<el-form>` 和你自定义的其他元素标签名添加到 `isCustomElement` 的检查列表里，告诉 Vue 这些元素不需要作为 Vue 组件处理。这样就不会再收到警告了。

相关问题

项目发出警告If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

这个警告通常是由于在Vue项目中使用了自定义元素，但是Vue默认会将所有元素都视为组件进行解析，因此会出现这个警告。解决这个问题的方法是在Vue的编译选项中设置isCustomElement为一个函数，该函数返回true或false来指示哪些元素应该被视为自定义元素。例如，如果你的自定义元素以"my-"开头，你可以这样设置：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .tap(options => {
        options.compilerOptions = {
          ...options.compilerOptions,
          isCustomElement: tag => tag.startsWith('my-')
        }
        return options
      })
  }
}

这样就可以排除自定义元素的警告了。

Failed to resolve component: el-text If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

这个错误通常是由于在 Vue.js 模板中使用了未定义的自定义组件或 DOM 元素，导致 Vue.js 编译器无法识别。解决方法有以下几种：

1. 确认你的自定义组件或 DOM 元素已经正确注册。如果你使用的是第三方组件库，需要确保该组件库已经正确引入并注册了组件。

2. 如果你使用的是 Vue.js 2.x 版本，可以通过在组件选项中添加 `components` 属性来注册组件。例如：

   export default {
     name: 'MyComponent',
     components: {
       'el-text': MyTextComponent
     }
   }

3. 如果你使用的是 Vue.js 3.x 版本，则需要将未定义的自定义元素排除在 Vue.js 编译器之外。可以通过在 `vue.config.js` 文件中添加以下配置来实现：

   module.exports = {
     chainWebpack: config => {
       config.module
         .rule('vue')
         .use('vue-loader')
         .tap(options => {
           options.compilerOptions = {
             ...options.compilerOptions,
             isCustomElement: tag => tag.startsWith('el-')
           }
           return options
         })
     }
   }

希望以上方法可以帮助你解决问题。如果还有其他问题，欢迎继续提问。