Angular 2+：錯誤：意外的結束標記“ div”-未捕獲的錯誤：模板解析錯誤

Question

我一直在盯着這個html代碼塊，在一個簡單的Angular 4頁面上玩弄，不管我做什么，尋找錯別字並搜索錯誤，這使我的結束標記一直很麻煩。

錯誤信息：
未捕獲的錯誤：模板解析錯誤：意外的結束標記“ div”。 當標簽已經被另一個標簽關閉時，可能會發生這種情況。 / div> / div> [錯誤->] / div>

  <form [formGroup]="form">

    <!-- OLD PASSWORD -->
    <div class="form-group">
      <label for="">Old Password</label>
      <input formControlName="oldPassword" type="password" class="form-control">
         <div 
           *ngIf="oldPassword.touched && oldPassword.invalid" 
           class="alert alert-danger">
              <div *ngIf="oldPassword.errors.required">
                  Old password is required.
              </div>
         </div>
    </div>


    <!-- NEW PASSWORD -->
    <div class="form-group">
        <label for="">New Password</label>
        <input formControlName="newPassword" type="password" class="form-control">
        <div 
          *ngIf="newPassword.touched && newPassword.invalid" 
           class="alert alert-danger">
             <div *ngIf="newPassword.errors.required">New password is required.</div>
        </div>
    </div>


    <!-- CONFIRM PASSWORD -->
    <div class="form-group">
        <label for="">Confirm Password</label>
        <input formControlName="confirmPassword" type="password" class="form-control">
        <div 
          *ngIf="confirmPassword.touched && confirmPassword.invalid" 
           class="alert alert-danger">
             <div *ngIf="confirmPassword.errors.required">Confirm password is required.</div>
        </div>
    </div>

    <button class="btn btn-primary">Change Password</button>
  </form>

Answer 1

[已解決]在將項目上下顛倒地翻了很多之后，看來我的問題是我有兩個名稱非常相似的組件：

“更改密碼”

接着

“更改密碼反應”

我必須從我的app.module.ts中刪除“ change-password”實例，以加載頁面並消除此錯誤。