Autoimport components dir

Environment

---

• Operating System: Linux
• Node Version: v17.6.0
• Nuxt Version: 3.0.0-27458584.91fd16a
• Package Manager: yarn@1.22.18
• Builder: vite
• User Config: privateRuntimeConfig, app, components, nitro, srcDir, build, buildModules, modern, tailwindcss, meta
• Runtime Modules: -
• Build Modules: @nuxtjs/tailwindcss@5.0.2

---

Reproduction

–

Describe the bug

when i trying to start my project with new version of nuxt 3 i have error:

• [Vue warn]: Failed to resolve component: NavLink If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. Invalid value used as weak map key

my nuxt.config.ts:

import { defineNuxtConfig } from 'nuxt3';

export default defineNuxtConfig({
	privateRuntimeConfig: {
		secretJWT: process.env.SECRET_JWT,
	},
	app: {
		buildAssetsDir: 'assets/',
	},
	components: {
		global: true,
		dirs: ['~/components'],
	},
	nitro: {
		output: {
			dir: 'build',
		},
		externals: {
			inline: ['uuid'],
		},
	},
	srcDir: 'src',
	build: {
		splitChunks: {
			pages: true,
			layouts: true,
		},
	},
	buildModules: ['@nuxtjs/tailwindcss'],
	modern: true,
	tailwindcss: {
		configPath: '~~/tailwind.config.js',
		viewer: false,
	},
	meta: {
		title: 'Santrek Admin',
		link: [
			{
				rel: 'icon',
				href: '/favicon.svg',
				type: 'image/svg+xml',
			},
		],
	},
});

Additional context

Logs

-

[Teranode]

@mihail727 do this instead for components:

import { defineNuxtConfig } from 'nuxt3'

// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
    hooks: {
        'components:dirs' (dirs) {
            dirs.push({
                path: '~/components'
            })
        }
    },
    components: {
        global: true
    },
})

---

@duckies yea I can also see this issue, in the stackblitz repo, use @/components as that one is working as ~/components isn’t for the array

[duckies]

I’m encountering a similar issue where component resolution is failing when using a non-default srcDir. Reproduction.

You can temporarily fix this by appending srcDir to your component directories, e.g.

export default defineNuxtConfig({
  srcDir: 'src/',
  components: ['~/src/components']
});