Nuxt 3 自动导入的组件为啥在模板里找不到？

艳丽酱~ 提问于 2026-03-05 13:27:20 阅读 64

框架

我用 Nuxt 3 的 auto-imports 功能，把一个叫 MyButton.vue 的组件放进了 components/ 目录，按理说应该自动注册了，但在页面模板里写 <MyButton /> 却报错说组件未注册，这是啥情况？

我确认文件名是 PascalCase，也重启过 dev server，nuxt.config.ts 里也没关掉 autoImports。是不是还要手动 import 一下？

Vue框架

我来解答赞 6 收藏

反馈

1 条解答

UE丶树源 Lv1

检查下组件是不是放在 components/global 目录里了，Nuxt3默认只自动导入这个目录的组件。要么挪进去，要么在nuxt.config.ts里加这个配置：

export default defineNuxtConfig({

  components: {

    dirs: ['~/components']

  }

})

要还不行，八成是文件名大小写出问题了，再检查下是不是真的叫 MyButton.vue 不是 myButton.vue

2026-03-05 14:05