简单的 Svelte 代码在 REPL 中有效，但在 VSCode 中无效

【问题标题】：Simple Svelte code works in REPL but not in VSCode简单的 Svelte 代码在 REPL 中有效，但在 VSCode 中无效
【发布时间】：2021-11-08 16:57:30
【问题描述】：

我正在学习 Svelte，代码如下所示，它适用于 Svelte REPL，但在 VSCode（本地服务器）中，h2 标签不会随着输入值的变化而更新。

<script>
    let val = '';
</script>

<svelte:head>
    <title>About page</title>
</svelte:head>

<div>
    <h1>About</h1>
    <input type="text" bind:value={val} />
    <h2>value is: {val}</h2>
</div>

我很困惑，会是什么问题？我应该更改 Svelte 配置文件中的设置吗？

【问题讨论】：

标签： javascript svelte

【解决方案1】：

如果hydration 关闭，可能会发生这种情况：

寻找： export const hydrate = false; 在 routes/*.svelte 文件中或检查是否在 svelte.config.js 中关闭了水合物

另一个选项可能是另一个文件中的异常导致 svelte 调度程序挂起，请检查您的控制台是否有错误。

【讨论】：

感谢@bob-fanger 的大力帮助。因为我是 Svelte 的新手，所以我不小心删除了 ID 为#svelte 的div，在svelte.config.js 文件中显示hydrate the <div id="svelte"> element in src/app.html。因此，将 div 添加回 app.html 就可以了，现在一切正常。