Svelte响应式语句结合TypeScript出现TS2695错误如何修复

TypeScript的静态检查不感知Svelte的$:响应式标记的专属语义，只会按照标准JavaScript语法规则校验代码：你写的逗号表达式左侧的count仅被读取、没有被使用也没有触发其他副作用，因此触发TS2695报错。
而Svelte编译器会自动扫描$:后出现的所有变量作为响应式依赖，因此代码实际运行逻辑是正常的。

• 方案1（最推荐，符合Svelte原生写法）
  直接删除多余的逗号表达式与自执行函数，直接写响应式语句即可，Svelte会自动收集count作为依赖，TypeScript也能识别到count被正常使用：

<script lang="ts">
  let count = 0;
  
  $: console.log(`TEST: ${count}`);
</script>

• 方案2（显式声明依赖场景）
  如果你需要显式列出所有响应式依赖方便维护，可以把逻辑写到响应式代码块里，单独一行读取count，TypeScript会识别到该变量已被使用：

<script lang="ts">
  let count = 0;
  
  $: {
    count; // 显式标记响应式依赖
    console.log(`TEST: ${count}`);
    // 其他逻辑
  }
</script>

• 方案3（不改动原有写法的最小修复）
  给逗号表达式左侧的count加上void操作符，告诉TypeScript你主动丢弃了该表达式的返回值，不属于未使用错误：

<script lang="ts">
  let count = 0;
  
  $: void count, (() => {
    console.log(`TEST: ${count}`);
  })();
</script>

• 方案4（临时屏蔽，不推荐）
  在报错行上方添加注释屏蔽当前报错，会同时屏蔽该行其他可能的类型错误，仅做临时调试用：

<script lang="ts">
  let count = 0;
  
  // @ts-expect-error 逗号左侧count为Svelte响应式依赖，无需使用
  $: count, (() => {
    console.log(`TEST: ${count}`);
  })();
</script>

内容的提问来源于stack exchange，提问作者HoYa