Vue+Ionic开发出现TS2339：showNewCustomerFields属性不存在报错求助

错误原因 #

你代码里的Vue选项式API的方法配置项拼写错误：

• 正确的配置项名称是methods（复数），你当前写的是单数method，这直接导致TypeScript无法正确推断Vue实例的类型：TS会误判实例上仅挂载了newCustomer这一个属性，识别不到你在data中定义的showNewCustomerFields等响应式属性，从而抛出TS2339类型错误。

修复方案 #

把method改为methods即可，修改后代码如下：

data() {
  return {
    owner: "default",
    showNewCustomerFields: false,
    newCustomerName: "",
  };
},
// 把单数method改为复数methods
methods: {
  newCustomer(owner) {
    //console.log(owner);
    if (owner === "new") {
      this.showNewCustomerFields = true;
      // console.log(showNewCustomerFields);
    } else {
      // console.log(showNewCustomerFields);
      this.showNewCustomerFields = false;
    }
  },
},

如果修改后还有报错，重启本地开发服务/TS类型校验服务清除缓存即可解决。

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