when im run in vs code givig this in vs code

Open kartmax-product-team opened this issue 10 months ago • 1 comments

Environment

WARN [Vue warn]: Failed to resolve component: Placeholder If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouteProvider key="/" vnode= { __v_isVNode: true, __v_skip: true, type: { setup: [Function (anonymous)], ssrRender: [Function: _sfc_ssrRender], __file: '/project/workspace/app/pages/index.vue' }, props: { onVnodeUnmounted: [Function: onVnodeUnmounted], ref: RefImpl { dep: [Dep], __v_isRef: true, __v_isShallow: false, _rawValue: undefined, _value: undefined } }, key: null, ref: { i: { uid: 40, vnode: [Object], type: [Object], parent: [Object], appContext: [Object], root: [Object], next: null, subTree: [Object], effect: null, update: null, job: null, scope: [EffectScope], render: [Function (anonymous)], proxy: [Object], exposed: null, exposeProxy: null, withProxy: null, provides: [Object <Complex prototype>], ids: [Array], accessCache: [Object: null prototype] {}, renderCache: [], components: null, directives: null, propsOptions: [Array], emitsOptions: null, emit: [Function: bound emit], emitted: null, propsDefaults: [Object: null prototype] {}, inheritAttrs: false, ctx: [Object], data: {}, props: [Object], attrs: {}, slots: [Object], refs: {}, setupState: {}, setupContext: [Object], suspense: null, suspenseId: 0, asyncDep: null, asyncResolved: false, isMounted: false, isUnmounted: false, isDeactivated: false, bc: null, c: null, bm: null, m: null, bu: null, u: null, um: null, bum: null, da: null, a: null, rtg: null, rtc: null, ec: null, sp: null }, r: RefImpl { dep: [Dep], __v_isRef: true, __v_isShallow: false, _rawValue: undefined, _value: undefined }, k: undefined, f: false }, scopeId: null, slotScopeIds: null, children: null, component: null, suspense: null, ssContent: null, ssFallback: null, dirs: null, transition: null, el: null, anchor: null, target: null, targetStart: null, targetAnchor: null, staticCount: 0, shapeFlag: 4, patchFlag: 0, dynamicProps: null, dynamicChildren: null, appContext: null, ctx: <ref *1> { uid: 40, vnode: { __v_isVNode: true, __v_skip: true, type: [Object], props: [Object], key: null, ref: null, scopeId: null, slotScopeIds: null, children: [Object], component: [Circular *1], suspense: null, ssContent: null, ssFallback: null, dirs: null, transition: null, el: null, anchor: null, target: null, targetStart: null, targetAnchor: null, staticCount: 0, shapeFlag: 36, patchFlag: 0, dynamicProps: null, dynamicChildren: null, appContext: null, ctx: [Object] }, type: { name: 'RouterView', inheritAttrs: false, props: [Object], compatConfig: [Object], setup: [Function: setup] }, parent: { uid: 39, vnode: [Object], type: [Object], parent: [Object], appContext: [Object], root: [Object], next: null, subTree: [Object], effect: null, update: null, job: null, scope: [EffectScope], render: [Function (anonymous)], proxy: [Object], exposed: [Object], exposeProxy: null, withProxy: null, provides: [Object <Complex prototype>], ids: [Array], accessCache: [Object: null prototype] {}, renderCache: [], components: null, directives: null, propsOptions: [Array], emitsOptions: null, emit: [Function: bound emit], emitted: null, propsDefaults: [Object: null prototype] {}, inheritAttrs: false, ctx: [Object], data: {}, props: [Object], attrs: {}, slots: {}, refs: {}, setupState: {}, setupContext: [Object], suspense: null, suspenseId: 0, asyncDep: null, asyncResolved: false, isMounted: false, isUnmounted: false, isDeactivated: false, bc: null, c: null, bm: null, m: null, bu: null, u: null, um: null, bum: null, da: null, a: null, rtg: null, rtc: null, ec: null, sp: null }, appContext: { app: [Object], config: [Object], mixins: [], components: [Object], directives: {}, provides: [Object: null prototype], optionsCache: [WeakMap], propsCache: [WeakMap], emitsCache: [WeakMap] }, root: <ref *2> { uid: 32, vnode: [Object], type: [Object], parent: null, appContext: [Object], root: [Circular *2], next: null, subTree: null, effect: null, update: null, job: null, scope: [EffectScope], render: [Function: NOOP], proxy: {}, exposed: {}, exposeProxy: null, withProxy: null, provides: [Object <Complex prototype>], ids: [Array], accessCache: [Object: null prototype] {}, renderCache: [], components: null, directives: null, propsOptions: [], emitsOptions: null, emit: [Function: bound emit], emitted: null, propsDefaults: [Object: null prototype] {}, inheritAttrs: undefined, ctx: {}, data: {}, props: {}, attrs: {}, slots: {}, refs: {}, setupState: [Object], setupContext: [Object], suspense: null, suspenseId: 0, asyncDep: null, asyncResolved: false, isMounted: false, isUnmounted: false, isDeactivated: false, bc: null, c: null, bm: null, m: null, bu: null, u: null, um: null, bum: null, da: null, a: null, rtg: null, rtc: null, ec: [Array], sp: null, devtoolsRawSetupState: [Object] }, next: null, subTree: { __v_isVNode: true, __v_skip: true, type: [Object], props: [Object], key: null, ref: null, scopeId: null, slotScopeIds: null, children: [Object], component: null, suspense: null, ssContent: [Object], ssFallback: [Object], dirs: null, transition: null, el: null, anchor: null, target: null, targetStart: null, targetAnchor: null, staticCount: 0, shapeFlag: 160, patchFlag: 0, dynamicProps: null, dynamicChildren: null, appContext: null, ctx: [Object] }, effect: null, update: null, job: null, scope: EffectScope { detached: true, _active: true, effects: [], cleanups: [], _isPaused: false, parent: undefined }, render: [Function (anonymous)], proxy: { name: [Getter/Setter], route: [Getter/Setter] }, exposed: null, exposeProxy: null, withProxy: null, provides: Object <Object <Complex prototype>> { [Symbol(router view depth)]: [ComputedRefImpl], [Symbol(router view location matched)]: [ComputedRefImpl], [Symbol(router view location)]: [ComputedRefImpl] }, ids: [ '', 0, 0 ], accessCache: [Object: null prototype] {}, renderCache: [], components: null, directives: null, propsOptions: [ [Object], [Array] ], emitsOptions: null, emit: [Function: bound emit], emitted: null, propsDefaults: [Object: null prototype] {}, inheritAttrs: false, ctx: { name: [Getter/Setter], route: [Getter/Setter] }, data: {}, props: { route: undefined, name: 'default' }, attrs: {}, slots: { default: [Function] }, refs: {}, setupState: {}, setupContext: { attrs: [Getter], slots: [Getter], emit: [Getter], expose: [Function: expose] }, suspense: null, suspenseId: 0, asyncDep: null, asyncResolved: false, isMounted: false, isUnmounted: false, isDeactivated: false, bc: null, c: null, bm: null, m: null, bu: null, u: null, um: null, bum: null, da: null, a: null, rtg: null, rtc: null, ec: null, sp: null } } route= { fullPath: '/', hash: '', query: {}, name: 'index', path: '/', params: {}, matched: [ { path: '/', redirect: undefined, name: 'index', meta: {}, aliasOf: undefined, beforeEnter: undefined, props: [Object], children: [], instances: {}, leaveGuards: Set(0) {}, updateGuards: Set(0) {}, enterCallbacks: {}, components: [Object] } ], meta: {}, redirectedFrom: undefined, href: '/' } ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <ToastProvider swipe-direction="right" duration=5000 > at <Toaster key=0 > at <TooltipProvider> at <ConfigProvider use-id=fn dir=undefined locale=undefined > at <App > at <App> at <NuxtRoot>

WARN [nuxt] Failed to stringify dev server logs. Received DevalueError: Cannot stringify a function. You can define your own reducer/reviver for rich types following the instructions in https://nuxt.com/docs/api/composables/use-nuxt-app#payload.

Version

3.0.3

Reproduction

Description

Additional context

No response

Logs

Apr 02 '25 16:04 kartmax-product-team

Placeholder isn't an actual Nuxt UI component. If you remove it, do your errors and warnings go away?

Apr 02 '25 19:04 bask-digital