【问题标题】:Next.js error "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'scrollTo')"Next.js 错误“未处理的运行时错误类型错误:无法读取未定义的属性(读取'scrollTo')”
【发布时间】:2021-11-05 20:12:15
【问题描述】:

在使用 Next.js 制作投资组合网站时,这是我从项目文件夹中的 .next 文件夹中得到的某种滚动错误。

每当我试图获得网站的移动响应视图时,这就是我面临的错误

Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'scrollTo')

这是错误文件的位置

.next\static\chunks\pages\index.js (14:16) @ scroll

这是该位置的代码

function _arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;

  for (var i = 0, arr2 = new Array(len); i < len; i++) {
    arr2[i] = arr[i];
  }

  return arr2;
}

这是错误的快照

即使出现错误,我也可以在本地运行网站。如果我部署它会是一个错误的事情吗?

我该如何解决这个问题?

【问题讨论】:

  • 运行时在浏览器上,请改用window.scrollTo
  • 成功了。谢谢。
  • 每次我在本地重新打开应用程序时,都会返回相同的错误。这又是来自.next 文件夹、相同位置、相同代码块的错误。
  • 嘿,我在下面也写了一个答案来解释。

标签: reactjs next.js scrollto


【解决方案1】:

您在 Runtime 上遇到此错误,并且它在浏览器上

由于node 在浏览器上不可用(仅在节点上),您需要改用window.scrollTo

要将其从错误日志中完全删除,请进行重建,以便您的 .next 将被清除并进行最新更改。

【讨论】:

  • 是否可以从集成终端更新我的下一个?
  • 抱歉回复晚了。只需“npm run build”即可清除旧的 .next 文件夹内容
猜你喜欢
  • 1970-01-01
  • 2018-04-29
  • 2021-12-03
  • 2021-11-22
  • 2020-10-11
  • 2021-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多