javascript NextJS控制台在控制台上记录TypeError,每次我在localhost上发出请求:无法读取未定义的属性(阅读“_owner”)

ykejflvf  于 2023-01-24  发布在  Java
关注(0)|答案(1)|浏览(118)

bounty将在4天后过期。此问题的答案可获得+150声望奖励。GLHF正在查找规范答案:我想摆脱这个错误(或者不管它是什么,因为它不会阻止项目运行),并了解它为什么抛出这个错误。
编辑:我还意识到这只发生在Chrome上,在其他浏览器上我没有看到这些错误。

我刚刚创建了一个简单的NextJS项目以下几个教程,它的TypeScript包括在内,但在我npm run dev我看到下面的登录控制台

TypeError: Cannot read properties of undefined (reading '_owner')
    at t (backend.bundle.js:1:119865)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122106)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122106)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at E (backend.bundle.js:1:122126)
    at n (backend.bundle.js:1:123584)
    at c (backend.bundle.js:1:123643)
    at backend.bundle.js:1:124007
    at 496 (backend.bundle.js:1:125067)
    at i (backend.bundle.js:1:110)
    at backend.bundle.js:1:902
    at backend.bundle.js:1:913

该项目工作正常,它没有阻止任何东西,但为什么我每次都看到这个日志?
我也尝试过使用create-next-app启动新项目,并且只是运行了项目,但即使所有内容都是默认创建的(我甚至没有接触任何文件),我仍然得到了上面的错误消息。
每次我在localhost上请求一个URL,它都会记录上面的错误信息。我不知道这是什么,我认为它来自NextJS内部,它甚至与我的代码无关(我甚至没有一个变量或称为“owner”或“own”的东西)
为什么我在控制台上看到这个错误消息?我怎样才能摆脱它?,

Edit:在我添加了几个元素之后,它也开始抛出这个

TypeError: Cannot read properties of undefined (reading '0')
    at t (backend.bundle.js:1:119861)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122106)
    at t (backend.bundle.js:1:122074)
    at t (backend.bundle.js:1:122074)
    at E (backend.bundle.js:1:122126)
    at n (backend.bundle.js:1:123584)
    at c (backend.bundle.js:1:123643)
    at backend.bundle.js:1:124007
    at 496 (backend.bundle.js:1:125067)
    at i (backend.bundle.js:1:110)
    at backend.bundle.js:1:902
    at backend.bundle.js:1:913

因为这个控制台消息,经过5-10渲染,在控制台上我看到500+消息,这是令人沮丧的。我该如何摆脱这个问题?

vawmfj5a

vawmfj5a1#

这不是由代码错误引起的。
您可以尝试通过在next.config.js文件中将dev属性设置为false来禁用next.js上的开发模式。

module.exports = {
  dev: false,
  // ...other config
}

这可能有助于查看错误是否由开发环境引起。

更新Node.js

确保您使用的Node.js版本与您正在使用的Next.js版本兼容。
下一个. js文档:https://beta.nextjs.org/docs/installation
最简单的方法是访问Node.js站点并下载适当的v16.9可执行文件。
请更新到Node.js 16.8或更高版本。

更新下一个.js

运行命令npx create-next-app -g,此命令将创建一个新的Next.js应用程序,并将Next.js的全局安装更新为最新版本。
在package.json中,检查Next.js版本。
检查版本是否为最新,单据:https://www.npmjs.com/package/next
如果解释是不够的,请让我知道我会更新答案。

相关问题