错误 TS2339：类型“{}”上不存在属性“包含”

Question

我遇到以下错误：

错误 TS2339：类型“{}”上不存在属性“includes”。

当尝试检查用户名是否被使用时。 （当我评论这个错误时，它非常有效，然后从 ng serve 开始，然后取消注释它，但我无法启动我的服务错误，这就是我使用这个技巧的原因）

服务：

isUsernameAvailable(){
    const users = [];
    return new Promise(function(resolve, reject){
      firebase.database().ref('users').orderByKey().once('value').then(snapshot => {
        snapshot.forEach(childSnapshot => {
          if(childSnapshot.val().username){
            users.push(childSnapshot.val().username);
          }
        })
        resolve(users);

      })
    });


  }

组件：

async checkUsername(){
    const username=this.signupForm.get('username').value;
    const usernames =await this.authService.isUsernameAvailable();
    if(usernames.includes(username)){
      this.usernameAvailable=false;
    }
    else {
      this.usernameAvailable=true;
    }
  }

我看到一些人在使用 String[] 类型时遇到了类似的错误，问题出在 es2017 的 tsconfig 中，但我已经有了：

"lib": [
      "es2017",
      "dom"
    ]

我哪里错了？

Answer 1

首先在这种情况下，new Promise 的使用是不必要的，你可以只返回承诺。其次，您需要将users 正确键入为string[]，这将有助于推断返回类型。

isUsernameAvailable() {
    return firebase.database().ref('users').orderByKey().once('value').then(snapshot => {
        const users:string[]  = [];
        snapshot.forEach(childSnapshot => {
            if (childSnapshot.val().username) {
                users.push(childSnapshot.val().username);
            }
        })
        return users;
    })
}