Hum+
Hum+
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai how can we keep the ssr version. we want that to be used too for the full ssr experience
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai in the module we're supplying both variants: await Promise.all([ addComponent({ name: 'TresCanvas', filePath: resolver.resolve('./runtime/components/TresCanvas.client.vue'), }), addComponent({ name: 'TresCanvas', filePath: resolver.resolve('./runtime/components/TresCanvas.server.vue'), }), ])
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai where is this coming from: [Vue warn]: Hydration node mismatch: - rendered on server: <!--]-->
- expected on client: Symbol(v-stc) at <TresCanvas window-size="" render-mode="on-demand" > at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouteProvider key="/" vnode= {v_isVNode: true, v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/', hash: '', query: {…}, name: 'index', path: '/', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <AsyncComponentWrapper ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=4 > at <NuxtRoot>
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai ℹ Vite server warmed up in 734ms 19:36:27 WARN [Vue warn]: resolveComponent can only be used in render() or setup(). WARN [Vue warn]: resolveComponent can only be used in render() or setup(). WARN [Vue warn]: Component IslandRenderer is missing template or render function. at <IslandRenderer context= { url: '/', props: { 'window-size': '', 'render-mode': 'on-demand' }, id: '41xcK9sII0nGcUcCwemzgoOp1Sh7czvD5NT1tgLIl0Y', name: 'TresCanvas', slots: {}, components: {} } > at <AsyncComponentWrapper context= { url: '/', props: { 'window-size': '', 'render-mode': 'on-demand' }, id: '41xcK9sII0nGcUcCwemzgoOp1Sh7czvD5NT1tgLIl0Y', name: 'TresCanvas', slots: {}, components: {} } > at <NuxtRoot> WARN [Vue Router warn]: No match found for location with path "/nuxt_island/TresCanvas_41xcK9sII0nGcUcCwemzgoOp1Sh7czvD5NT1tgLIl0Y.json?props=%7B%22window-size%22:%22%22,%22render-mode%22:%22on-demand%22%7D" WARN [Vue Router warn]: No match found for location with path "/nuxt_island/TresCanvas_41xcK9sII0nGcUcCwemzgoOp1Sh7czvD5NT1tgLIl0Y.json"
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai There is a .server.vue version of the component defined in the nuxt module, im in the playground, adjust
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai I have to use client-only around my layout slot otherwise it errors out again: runtime-core.esm-bundler.js?v=f7a51fcc:50 [Vue warn]: Hydration node mismatch: - rendered on server: <!--]-->
- expected on client: Symbol(v-stc) at <TresCanvas window-size="" render-mode="on-demand" > at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouteProvider key="/" vnode= {v_isVNode: true, v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/', hash: '', query: {…}, name: 'index', path: '/', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <AsyncComponentWrapper ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=4 > at <NuxtRoot>
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
browser.mjs?v=a506e15d:48 ssr:warn [Vue warn]: resolveComponent can only be used in render() or setu
@kapa.ai The problem to me seems to be inside tresjs/core rather than tresjs/nuxt. Help me explore: <script setup lang="ts"> import { TresCanvas as CoreTresCanvas } from '@tresjs/core' </script> <template> <CoreTresCanvas> <slot /> </CoreTresCanvas> </template>
40 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
(sorry for pinging, but might think u'd miss this now in the closed post)
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
@harlan pnpm add @intlify/message-compiler
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
you need to add a dependency
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
upgrading to latest i18n doesnt work
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
oh btw
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
closed it
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
we can close this post tho now
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
milleseconds after me noticing what was wrong
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
surprised kapa just one shot it
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
Ty, I told Sandro too, we we're both tired when we looked at it yday night
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
export function useSetI18nParams(seoAttributes) {
const common = initCommonComposableOptions();
const head = getActiveHead();
const i18n = getComposer(common.i18n);
const router = common.router;
const locale = getLocale(i18n);
const locales = getNormalizedLocales(getLocales(i18n));
const _i18nParams = ref({});
const experimentalSSR = common.runtimeConfig.public.i18n.experimental.switchLocalePathLinkSSR;
export function useSetI18nParams(seoAttributes) {
const common = initCommonComposableOptions();
const head = getActiveHead();
const i18n = getComposer(common.i18n);
const router = common.router;
const locale = getLocale(i18n);
const locales = getNormalizedLocales(getLocales(i18n));
const _i18nParams = ref({});
const experimentalSSR = common.runtimeConfig.public.i18n.experimental.switchLocalePathLinkSSR;
21 replies
NNuxt
Created by Hum+ on 3/17/2025 in #❓・help
Getting a error from [email protected]
Ahh it's i18n...
21 replies