请在webpack.mix.js中尝试此操作

mix.js('resources/assets/js/app.js', 'public/js').vue({
  options: {
    compilerOptions: {
      isCustomElement: (tag) => ['md-linedivider'].includes(tag),
    },
  },
});

更新4.8.22-对于Vite项目：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => ['md-linedivider'].includes(tag),
        }
      }
    })
  ]
})

我在Vue3中也遇到过这个错误，在我编写的代码component中：但它必须是组件。我认为它在键入错误时会发出警告。

在我的例子中，我有一个名为view的全局组件，但我将其用作View，这就是为什么我收到警告。

vue.js与vite：

在你的vite.config.js/ts中

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => {
            return tag.startsWith('ion-') // (return true)
          }
        }
      }
    })
  ]
})

使用Vue.js that includes the runtime compiler (aka "full build")，您可以这样做：

在您的main.js/ts中

// treat all tags starting with 'ion-' as custom elements
app.config.compilerOptions.isCustomElement = (tag) => {
  return tag.startsWith('ion-') // (return true)
}

see vue3 docs on this topic: https://vuejs.org/api/application.html#app-config-compileroptions

TL;DR

Vue想知道开发人员是否使用自定义元素。对于这种情况，您可以使用Vue组件属性。

import MdLinedivider from "../path/file.vue";

export default {
  components: {
    MdLinedivider
  },
  ...
}

之后，您可以使用：HTML中的<md-linedivider />或<MdLinedivider />标记。

该库处理自定义组件，非常简单：https://github.com/antfu/unplugin-vue-components

// vite.config.ts
import Components from 'unplugin-vue-components/vite'

export default defineConfig({
  plugins: [
    Components({ /* options */ }),
  ],
})

在我的案例中，Vue 3和Vite项目，问题是我将组件定义为数组而不是对象。

import MyComponent from "@/components/common/MyComponent";
//components: [MyComponent] <-- DID NOT work 
components: {MyComponent}