Svelte组件脚本位置错误致items未定义的原因与正确写法

Svelte组件变量未定义常因脚本标签位置错误。所有逻辑代码需置于 svelte文件顶层script块，样式放style块，全局资源通过svelte:head组件引入。内部状态使用let声明，在Svelte5及以上版本中，推荐搭配$state()函数以提升响应式能力，避免变量未定义问题。

Svelte组件变量不可用的常见原因：脚本标签位置错误

先来聊一个很多开发者都会踩的坑——在Svelte框架中折腾半天，模板里引用变量时，编译直接报错“找不到某某变量”。如果你也遇到了这种情况，十有八九是 script 标签放错了位置。

问题的成因其实并不复杂：Svelte本质上是一个组件编译器，而非普通的HTML文件处理器。在Svelte组件中，




  {#each items as item}
    

      
{item.name}
    
  {/each}




在实际开发中，有几个关键点需要特别留意：


千万不要在  或  里放置