Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Failed to resolve component in pages

See original GitHub issue

Environment

Operating System: Linux
Node Version: v16.14.2
Nuxt Version: 3.0.0-rc.10
Nitro Version: 0.5.3
Package Manager: npm@7.17.0
Builder: vite
User Config: -
Runtime Modules: -
Build Modules: -

Reproduction

https://stackblitz.com/edit/nuxt-starter-gvuntx

Describe the bug

App.vue change component workin, but pages in create all page, change component is error and broken components.

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

https://user-images.githubusercontent.com/38668796/190949870-476f6cc3-cae9-4841-858c-f7eb5e4105c1.mp4

Additional context

No response

Logs

No response

Issue Analytics

State:
Created a year ago
Comments:13 (10 by maintainers)

Top GitHub Comments

3reactions

danielroecommented, Sep 19, 2022

Nuxt works slightly differently. You declare the list of possible components up-front. And then, yes, Nuxt detects usage and imports automatically. But declaring list is important for things like integration with IDE.

1reaction

tiborpinocommented, Sep 21, 2022

@danielroe problem solved. I have to change directory name

components/v-button/VButton.vue
components/v-nuxt-link/VNuxtLink.vue

Top Results From Across the Web

Vue 3 - "Failed to resolve component" with global components

Registering components in the root component's components option doesn't make them global. Doing that just makes them available to the root ...

Ionic Troubleshooting Guide: Common Vue App Development ...

[Vue warn]: Failed to resolve component: ion-button ... order for page transitions to work correctly, each page must have an ion-page component at...

Vue and Web Components | Vue.js

This will cause Vue to emit a "failed to resolve component" warning during development. To let Vue know that certain elements should be...

Vue3 and TrixEditor: Failed to resolve component: trix-editor

[Vue warn]: Failed to resolve component: trix-editor at <TrixComponent id="A" ... <BaseLayout> <template v-slot:header> <h1>Here might be a page title</h1> ...

[vue warn]: failed to resolve component - You.com

js?fea0:38 [Vue warn]: Failed to resolve component: blogpost If this is a native custom element, make sure to exclude it from component resolution...