gpt4 book ai didi

javascript - [Vue警告] : Error in beforeCreate hook: "ReferenceError: document is not defined"

转载 作者:行者123 更新时间:2023-12-05 00:45:55 26 4
gpt4 key购买 nike

这可能是一个长镜头,但我无法弄清楚出了什么问题。希望有人能给我一些指导。

我正在使用 vue 快速编辑插件:https://github.com/A1rPun/vue-quick-edit在我的 Nuxt 项目中。

有时我会弹出错误:

[Vue warn]: Error in beforeCreate hook: "ReferenceError: document is not defined"

这似乎只在我第一次加载页面时发生(未经证实!),之后它再也不会发生(使用 ctrl+F5,以隐身方式加载,在另一个浏览器中尝试,...),它从来没有再次显示,图书馆完美运行。

但是,这让我对使用该库犹豫不决,因为我不确定错误来自哪里以及它是否会影响我的最终用户。

这是我为使用内联可编辑字段而创建的组件:

<template>
<quick-edit
:aria-label="label"
@input="updateValue"
/>
</template>

<script>
import QuickEdit from 'vue-quick-edit'

export default {
components: { QuickEdit },
props: {
label: {
type: String,
required: true,
},
},
methods: {
updateValue (event) {
// do something
},
},
}
</script>

<style lang="scss" scoped>

</style>

最佳答案

Nuxt 在服务器端渲染页面时组件尝试访问 DOM,解决方案是将其包装在 client-only

<template>
<client-only>
<quick-edit
:aria-label="label"
@input="updateValue"
/>
</client-only>
</template>

关于javascript - [Vue警告] : Error in beforeCreate hook: "ReferenceError: document is not defined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62371594/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com