SvelteKit 在尽可能避免整页重新加载方面做得很好。但是,当页面应该重新加载时,例如当开发人员上传新版本的文件时,这可能会成为问题。
SvelteKit 通过 pollInterval 解决了这个问题。文档位于此处。
但是,我没有看到设置 pollInterval 有任何效果。
(1) 由于
vite
在开发过程中更新我的本地文件,我使用浏览器访问了我的生产就绪测试站点(避免 vite
的影响)。
(2) 然后我通过将
pollInterval
设置为 3000
ms in svelte.config.js
来更改配置,如下所示:
const config = {
preprocess: vitePreprocess(),
kit: {
adapter: adapter()
version: {
pollInterval: 3000
}
}
};
(3) 另外我更改了一些页面的内容。
(4) 最后我全部上传了(有效地覆盖了旧文件)。
结果:
客户端浏览器在浏览路线时只能看到旧的(以前的)内容,而看不到新的内容。重新加载 URL 也没有帮助。仅在生产测试站点上重新启动 Nodejs 后,新内容才会出现在客户端浏览器中。
我错过了什么?举个例子表示赞赏。
您在 +layout.js 文件中尝试过
export const pollInterval = 3000;
吗?