Форма Ionic 3 все еще предупреждает меня: «Поле пароля не содержится в форме»

Question

Я новичок в Ionic Framework и использую Ionic 3.

Несмотря на то, что я использую форму в своем приложении, я все еще получаю это предупреждение в браузере:

[DOM] Поле пароля не содержится в форме:

Почему, и как я могу это исправить?

Answer 1

Решение 1:

Я думаю, что вы используете браузер Chrome.Если вы попробуете на Mozilla, это не даст ошибку.Пожалуйста, обратитесь к этой ссылке для получения более подробной информации: https://github.com/aws-amplify/amplify-js/issues/165

Вот пример:

<div className="myform" onSubmit={this.validateLogin()}>
    <div className="myformgroup">
        <label>Email</label>
        <input type="text" placeholder="Email" id="email"></input>
    </div>
    <div className="myformgroup">   
        <label>Password</label>
        <input type="password" placeholder="Enter the Password" id="mypassword" value=""/>
    </div>
    <div className="myformgroup">
        <button type="submit" id="loginButton">Login</button>
    </div>
</div>

Возвращается поле пароля не содержится вформа .

Решение 1: После изменения основного тега div на форму, как я сделал в следующем:

<form className="myform" onSubmit={this.validateLogin()}>
    <div className="myformgroup">
        <label>Email</label>
        <input type="text" placeholder="Email" id="email"></input>
    </div>
    <div className="myformgroup">   
        <label>Password</label>
        <input type="password" placeholder="Enter the Password" id="mypassword" value=""/>
    </div>
    <div className="myformgroup">
        <button type="submit" id="loginButton">Login</button>
    </div>
</form>

он не вернетсяпредупреждение.

Решение 2:

Установите aws-усиление в каталоге вашего проекта, как описано в https://github.com/aws-amplify/amplify-js.