尝试构建ng构建的类型错误 - 用角CLI生产

Question

再次。也许我有一个愚蠢的错误，但是我从Angular 4开始了我的第一步，我的知识是新手。

我正在尝试build发布我的网站的生产版本，但Angular CLI返回当前错误：

login.component.html中的错误：属性'密码'在类型" logincomponent"上不存在。

login.component.html

<div class="container">
  <div class="col-md-5 col-md-offset-1">
    <form #loginForm="ngForm" class="loginForm">
      <h3 class="text-center">Administrador</h3>
      <hr>
      <div class="alert alert-info" *ngIf="status.loading"> {{ status.loading }} </div>
      <div class="alert alert-danger" *ngIf="status.error"> {{ status.error }} </div>
      <div class="alert alert-success" *ngIf="status.success"> {{ status.success }} </div>
      <div class="form-group">
        <label for="tfEmail">Email</label>
        <input type="text" class="form-control" name="email" ngModel id="tfEmail" #email="ngModel">
      </div>
      <div class="form-group">
        <label for="tfPassword">Contraseña</label>
        <input type="text" class="form-control" name="password" ngModel id="tfPassword" #email="ngModel">
      </div>
      <div class="text-center">
        <button class="btn btn-primary btn-block" (click)="login(email, password)">Aceptar</button>
      </div>
    </form>
  </div>
</div>

login.component.ts

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import { ConfirmComponent } from '../../modal.component';
@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css', '../admin.component.css']
})
export class LoginComponent implements OnInit {
  user: Observable<firebase.User>;
  email: string;
  password: string;
  status = {
    loading: '',
    success: '',
    error: ''
  };
  constructor(public afAuth: AngularFireAuth) {
    this.user = afAuth.authState;
  }
  login(email, password) {
    this.status.loading = 'Procesando datos...';
    return new Promise((resolve, reject) => {
      this.status = { loading: '', success: '', error: '' };
      this.afAuth.auth.signInWithEmailAndPassword(email, password).then(_ => {
        this.status.success = 'Login correcto. Redirigiendo...';
        setTimeout(() => {
          window.location.href = '/';
        }, 3000);
      }).catch(error => {
        this.status.error = 'Ocurrió un error. Revise sus datos.';
        console.error(error);
      });
    });
  }
  ngOnInit() {
  }
}

Answer 1

您缺少Input（）Decorator

http://learnangular2.com/inputs/