БЛОГ НА HUSL


Ошибка при рендере страниц nuxt + vue

Автор вопроса: Boris Britva

Переношу сайт на Vue + Nuxt, и столкнулся с проблемой. Я написал главную страницу, она работает корректно, но когда я перешёл ко второй, то столкнулся с проблемой, она начинает рендериться, но после того как она загрузилась, страничка пропадает и пишет page not found. Я решил проверить, может я где-то ошибся, и решил вставить работающую структуру в проект, но выдаёт тоже самое.

Также в консоли браузера летят вот такие ошибки:

- rendered on server: <h1>​hello​</h1>​  
- expected on client: Symbol(v-cmt) 
  at <NuxtErrorBoundary> 
  at <[...permalink] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouteProvider key="/about" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/about', hash: '', query: {…}, name: 'permalink', path: '/about', …}  ... > 
  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>
warn$1 @ runtime-core.esm-bundler.js?v=eff307eb:50
handleMismatch @ runtime-core.esm-bundler.js?v=eff307eb:2068
onMismatch @ runtime-core.esm-bundler.js?v=eff307eb:1680
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1735
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateFragment @ runtime-core.esm-bundler.js?v=eff307eb:2045
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1765
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
(анонимная) @ runtime-core.esm-bundler.js?v=eff307eb:7219
Promise.then
registerDep @ runtime-core.esm-bundler.js?v=eff307eb:7205
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5247
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSuspense @ runtime-core.esm-bundler.js?v=eff307eb:7282
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1835
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateFragment @ runtime-core.esm-bundler.js?v=eff307eb:2045
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1765
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateElement @ runtime-core.esm-bundler.js?v=eff307eb:1879
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1780
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateElement @ runtime-core.esm-bundler.js?v=eff307eb:1879
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1780
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateElement @ runtime-core.esm-bundler.js?v=eff307eb:1879
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1780
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateElement @ runtime-core.esm-bundler.js?v=eff307eb:1879
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1780
hydrateChildren @ runtime-core.esm-bundler.js?v=eff307eb:1998
hydrateFragment @ runtime-core.esm-bundler.js?v=eff307eb:2045
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1765
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
__asyncHydrate @ runtime-core.esm-bundler.js?v=eff307eb:2469
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5328
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
(анонимная) @ runtime-core.esm-bundler.js?v=eff307eb:7219
Promise.then
registerDep @ runtime-core.esm-bundler.js?v=eff307eb:7205
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5247
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSuspense @ runtime-core.esm-bundler.js?v=eff307eb:7282
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1835
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrateSuspense @ runtime-core.esm-bundler.js?v=eff307eb:7282
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1835
hydrateSubTree @ runtime-core.esm-bundler.js?v=eff307eb:5316
componentUpdateFn @ runtime-core.esm-bundler.js?v=eff307eb:5334
run @ reactivity.esm-bundler.js?v=eff307eb:198
setupRenderEffect @ runtime-core.esm-bundler.js?v=eff307eb:5478
mountComponent @ runtime-core.esm-bundler.js?v=eff307eb:5253
hydrateNode @ runtime-core.esm-bundler.js?v=eff307eb:1799
hydrate @ runtime-core.esm-bundler.js?v=eff307eb:1673
mount @ runtime-core.esm-bundler.js?v=eff307eb:3956
app.mount @ runtime-dom.esm-bundler.js?v=eff307eb:1761
initApp @ entry.js:65
await in initApp
(анонимная) @ entry.js:73Пояснение к предупреждению
error.vue:2 definePageMeta() is a compiler-hint helper that is only usable inside the script block of a single file component which is also a page. Its arguments should be compiled away and passing it at runtime has no effect.```


definePageMeta() is a compiler-hint helper that is only usable inside the script block of a single file component which is also a page. Its arguments should be compiled away and passing it at runtime has no effect.

Источник

Ответы (0 шт):

licensed under cc by-sa 3.0 with attribution.