Svelte-Native中textField绑定value报ValidationError如何解决？

解决方案 #

你遇到的报错是因为 Svelte Native 封装的 NativeScript <textField> 组件，可双向绑定的文本属性名不是 Web 端常用的value，而是text，直接替换绑定的属性名即可。

修正后的完整代码： #

<script lang="ts">
  let newItem = ''
</script>

<page>
  <actionBar title="Svelte Native App" />
  <flexboxLayout flexDirection="column">
    <textField bind:text={newItem} />
  </flexboxLayout>
</page>

补充说明 #

• 修改后运行项目即可正常实现输入内容和newItem变量的双向绑定，VS Code的Svelte插件报错也会同步消失
• 所有Svelte Native的文本输入类组件，绑定内容都使用text属性，而非value属性，比如<textArea>组件也遵循同样规则

内容的提问来源于stack exchange，提问作者Barry Michael Doyle