title: firebase auth/operation-not-allowed
body: <p>This is an angular web app.</p>
  
  <p>Added the screenshot of the permission page</p>
  
  <p>I'm trying to authenticate mobile using firebase.</p>
  
  <p>In my firebase console > Authentication > signIn Method, I've enabled the phone and saved it.</p>
  
  <p>But when I try to login It throws me an error saying that 
  <code>auth/operation-not-allowed</code></p>
  
  <pre><code>sendLoginCode() {
      const appVerifier = this.windowRef.recaptchaVerifier;
      const num = this.firstFormGroup.value.mobileNo
      console.log('num',num);
      firebase.auth().signInWithPhoneNumber(num, appVerifier)
        .then(result =&gt; {
               this.windowRef.confirmationResult = result;
          })
        .catch(error =&gt; console.log(error));
  }
  verifyLoginCode() {
      this.windowRef.confirmationResult
        .confirm(this.verificationCode)
        .then(result =&gt; {
  
          this.user = result.user;
          console.log('Login Successfull')
  
        })
        .catch(error =&gt; console.log(error, "Incorrect code entered?"));
    }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/jITY5.png" alt="https://i.stack.imgur.com/jITY5.png"></p>