Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot read properties of null (reading 'parentNode') #25179

Closed
WenisOK opened this issue Jan 12, 2024 · 16 comments
Closed

Cannot read properties of null (reading 'parentNode') #25179

WenisOK opened this issue Jan 12, 2024 · 16 comments

Comments

@WenisOK
Copy link

WenisOK commented Jan 12, 2024

Environment

  • Operating System: Darwin
  • Node Version: v20.10.0
  • Nuxt Version: 3.9.1
  • CLI Version: 3.10.0
  • Nitro Version: 2.8.1
  • Package Manager: yarn@1.22.21
  • Builder: -
  • User Config: devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://stackblitz.com/edit/github-ghhe2w?file=layouts%2Fdefault.vue

Describe the bug

When I clicke the NuxtLink text,the browser doesn't to display the pages, and the browser display console the error in the Logs section.

Logs

[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . 
  at <RouterView name=undefined route=undefined > 
  at <NuxtPage> 
  at <App key=3 > 
  at <NuxtRoot>
warn$1 @ chunk-FRWRVS7C.js?v=373e3ccb:1486

chunk-FRWRVS7C.js?v=373e3ccb:9605 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')
    at parentNode (chunk-FRWRVS7C.js?v=373e3ccb:9605:30)
    at ReactiveEffect.componentUpdateFn [as fn] (chunk-FRWRVS7C.js?v=373e3ccb:7513:11)
    at ReactiveEffect.run (chunk-FRWRVS7C.js?v=373e3ccb:421:19)
    at instance.update (chunk-FRWRVS7C.js?v=373e3ccb:7553:17)
    at callWithErrorHandling (chunk-FRWRVS7C.js?v=373e3ccb:1634:32)
    at flushJobs (chunk-FRWRVS7C.js?v=373e3ccb:1841:9)
Copy link

stackblitz bot commented Jan 12, 2024

Fix this issue in StackBlitz Codeflow Start a new pull request in StackBlitz Codeflow.

@ItsMeDelanoDev
Copy link

Looks to be an issue within the latest Vue 3 release. See vuejs/core#10098

@WenisOK
Copy link
Author

WenisOK commented Jan 12, 2024

Looks to be an issue within the latest Vue 3 release. See vuejs/core#10098

Oh, no, that seems to be the real problem. So is there any way to solve this problem?

@jonathan-rvezy
Copy link

Add a vue dependency to your project and pin it to the version you want. We're also in the same boat that we're avoiding vue 3.4.x right now as it's very unstable.

@manniL
Copy link
Member

manniL commented Jan 12, 2024

Upstream bug, as workaround use Vue 3.4.10 or lower ☺️

@rasensio
Copy link

Setting version to Vue 3.4.10 worked for me.

ihunter added a commit to JermaSites/jerma-logs that referenced this issue Jan 12, 2024
@AnzhiZhang
Copy link

using vue 3.4.11, downgrade to 3.4.10 works for me

@7836246
Copy link

7836246 commented Jan 13, 2024

我也遇到了同样的问题 降级可以解决

@adydetra
Copy link
Contributor

temporarily use vue v3.4.10

@Smart-Ace-Designs
Copy link

Vue v3.4.12 just released and fixed the problem for me.

@WenisOK WenisOK closed this as completed Jan 13, 2024
@zabavnikov
Copy link

Nuxt v3.9.1, Vue v3.4.12 - the bug is still there

@AnzhiZhang
Copy link

3.4.13 has released and this issue has been fixed: vuejs/core#10098 (comment)

@WenisOK
Copy link
Author

WenisOK commented Jan 16, 2024

at this time, the bug still exist
nuxt version: 3.9.1
vue version: 3.4.14

@WenisOK WenisOK reopened this Jan 16, 2024
@danielroe
Copy link
Member

let's track in #25214.

@danielroe danielroe closed this as not planned Won't fix, can't repro, duplicate, stale Jan 16, 2024
@younex1

This comment was marked as off-topic.

@sanjarbarakayev
Copy link

In my case, the issue was fixed by checking the Teleport component with v-if on mount.

<template>
  ...
  <Teleport v-if="mounted" to="#target">
    ...
  </Teleport>
...
</template>

<script setup lang="ts">
const { mounted } = useMounted()
</script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests