svelte - <ComponentName>是在没有预期属性 'segment'的情况下创建的

Question

当您创建空的Svelte组件(例如ComponentName.svelte)时，如下所示:

<script>
    export let segment;
</script>

<style>
</style>

<svelte:head>
    <title>Lorem ipsum</title>
</svelte:head>

<p>lorem ipsum...</p>

您将有错误:

<ComponentName> was created without expected prop 'segment'

Answer 1

这是为了帮助您调试-您已经定义了segment属性，但是组件的使用者没有给它提供值，这很可能是导致错误的原因。使用者应该提供一个值<ComponentName segment="foo"/>，或者您应该a)移除 Prop ，或b)给它提供一个默认值(可以是undefined):

export let segment = undefined;

这三个操作中的任何一个都将阻止警告的出现。