Svelte警告传递的setIsOpen为未知prop，如何消除该误报？

你遇到的警告是因为Svelte编译器无法识别未声明的setIsOpen prop，即便你通过$$restProps传递给子组件，编译器仍会判定这是无效传入。以下是几种可行的解决方式：

• 显式声明prop（推荐）
  在Modal.svelte的脚本块中添加setIsOpen的prop声明，哪怕当前组件不直接使用它。这样编译器会认可该prop的合法性，同时你可以将它单独传递给ModalInner（声明后的prop会从$$restProps中排除，需要单独传入）：

  <script>
    // 声明必需的setIsOpen prop，可确保父组件必须传递该值
    export let setIsOpen;
    export let lastSuccess;
    export let errorLocation;
  </script>
  
  <ModalInner 
    on:close
    {lastSuccess}
    {errorLocation}
    {setIsOpen}
  >
    <slot></slot>
  </ModalInner>
  

  若仍想保留$$restProps传递其他未声明prop，只需在ModalInner上同时传入{setIsOpen}即可。

• 使用$$props传递所有props（不推荐）
  用$$props替代$$restProps，它包含所有传入组件的props（无论是否声明）。但这种方式会丢失Svelte对prop的类型校验和编译优化，仅适合临时测试场景：

  <ModalInner 
    on:close
    {lastSuccess}
    {errorLocation}
    {...$$props}
  >
    <slot></slot>
  </ModalInner>
  

• 全局禁用警告（不推荐）
  若想全局关闭未知prop警告，可在svelte.config.js中修改编译器配置，但这会忽略所有组件的未知prop错误，可能隐藏潜在的代码问题：

  export default {
    compilerOptions: {
      warnOnUnknownProps: false
    }
  };
  

内容的提问来源于stack exchange，提问作者Nir O.