I have been working for a week in a project, recently I notice I don't get any form validation errors, and I don't know why.

I tried with this code, from <https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation>

```html
<form>
 <div>
   <label for="choose">Would you prefer a banana or a cherry?</label>
   <input type="text" id="choose" name="i_like" required minlength="6" maxlength="6">
 </div>
 <div>
   <label for="number">How many would you like?</label>
   <input type="number" id="number" name="amount" value="1" min="1" max="10">
 </div>
 <div>
   <button>Submit</button>
 </div>
</form>

```

I replace my entire `app.component.html` with the code and the validation message was not showing, then I replace `index.html` body and it works, I don't know what could be the problem in my project.

I also tried to remove boostrap and any dependency in my angular.json `scripts`, `styles` and `assets` from the project but still not showing.