element el-select Cannot read properties of null (reading ‘parentNode‘)错误

最新推荐文章于 2025-01-02 14:47:30 发布

EasyAPI-磊大

最新推荐文章于 2025-01-02 14:47:30 发布

阅读量9.4k

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_15903703/article/details/127113926

本文介绍了解决Vue项目中出现的TypeError错误的方法，并提供了一个通过定义ID_INJECTION_KEY来避免错误的具体实现方案。此方案适用于使用Element Plus的Vue应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘parentNode’)

runtime-core.esm-bundler.js:38 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core
在这里插入图片描述
需要定义一个ID_INJECTION_KEY给后续组件使用，引用element-plus修改如下

import { defineNuxtPlugin } from '#app'

import ElementPlus from 'element-plus'
import { ID_INJECTION_KEY } from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

export default defineNuxtPlugin(nuxtApp => {
  if (process.client) {
    const app = nuxtApp.vueApp
    app
      .provide(ID_INJECTION_KEY, {
        prefix: Math.floor(Math.random() * 10000),
        current: 0
      })
      .use(ElementPlus, {
        size: 'small',
        locale: zhCn
      })

    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
      if (key === 'Link') {
        continue
      }
      app.component(key, component)
    }
  }
})```