时间戳

首页 > 解决方案 > 苗条 / 工兵：ReferenceError：IntersectionObserver 未定义

svelte - 苗条 / 工兵：ReferenceError：IntersectionObserver 未定义

问题描述

我正在使用svelte-intersection-observer模块尝试使用 saper 设置进行延迟加载。当站点首次从节点库介绍页面加载演示代码时，它会在主视图上显示此错误：

500
IntersectionObserver is not defined

ReferenceError: IntersectionObserver is not defined
    at eval (webpack:///./node_modules/svelte-intersection-observer/src/IntersectionObserver.svelte?:47:2)
    at Object.$$render (webpack:///./node_modules/svelte/internal/index.mjs?:1268:22)
    at eval (webpack:///./src/routes/index.svelte?:48:175)
    at Object.$$render (webpack:///./node_modules/svelte/internal/index.mjs?:1268:22)
    at Object.default (webpack:///./src/node_modules/@sapper/internal/App.svelte?:35:417)
    at eval (webpack:///./src/routes/_layout.svelte?:23:38)
    at Object.$$render (webpack:///./node_modules/svelte/internal/index.mjs?:1268:22)
    at eval (webpack:///./src/node_modules/@sapper/internal/App.svelte?:33:152)
    at $$render (webpack:///./node_modules/svelte/internal/index.mjs?:1268:22)
    at Object.render (webpack:///./node_modules/svelte/internal/index.mjs?:1276:26)

如果我单击任何其他选项卡并使用交叉点观察器返回页面，它会完美运行。我只是不知道如何修复它以使其与工兵一起使用。谢谢！

标签： sveltesapperintersection-observer

解决方案

这是 svelte-intersection-observer 中的一个错误——需要对其进行修改，以便可以在服务器端渲染中使用而不会崩溃。我建议在跟踪器上提出问题。

推荐阅读