angular - Angular 7 TypeError : Cannot read pro

Question

我用angular做一个前端应用程序，并且在前端有一个错误:



错误:index.js:3757类型错误:无法读取专业人士

我试过了 :

检查，但看不到错误的结尾。

Ng构建，但构建成功

在控制台中查看

:无需任何操作

我认为此错误是“无法读取未定义的属性” ...但是我需要更多信息。

    <div class="p-grid down-part">
  <div class="p-col-6 withoutAppointment">
    <div class="subtitle-container">
      <span class="container-title">Sans RDV</span>
      <div class="offers-counter"><span>{{projectsList['plan_call'].total }}</span> offres</div>
      <fa-icon class="reload-btn" [icon]="['fas','sync-alt']" (click)="reloadProjects('plan_call')"></fa-icon>

    </div>

    <div *ngFor="let project of projectsList['plan_call'].projects">

      <div *ngIf="project._estimation" class="content-row ">
        <div class=" city-col">
          <div class="option">
            <h2>{{getLocalisation(project)}}</h2>

            <div *ngIf="getLocalisation(project) == 'Paris'" class="option-corner-orange"></div>
            <div *ngIf="getLocalisation(project) == 'Paris'" class="option-corner-left-orange"></div>
            <div *ngIf="getLocalisation(project) == 'Bordeaux'" class="option-corner-blue"></div>
            <div *ngIf="getLocalisation(project) == 'Bordeaux'" class="option-corner-left-blue"></div>
          </div>
        </div>

        <div class=" content-col">
          <div class="dashboard-management-content-title" (click)="navigateToProjectDetails(project)">
            <span *ngIf="getProjectOwner(project) !== undefined">
              {{getProjectOwner(project)._user.name}}</span>
          </div>
          <div class="dashboard-management-content-subtitle">
            <div class="label-1">{{getObjective(project)}} {{getProperty(project)}}</div>
          </div>
        </div>
      </div>

    </div>
    <div class="load-more-container">
      <p-button class="load-more" label="Charger plus de projets" (click)="loadMoreProjects('plan_call')"></p-button>
    </div>
  </div>index.js:3757 TypeError: Cannot read pro

  <div class="p-col-6 waitForPj">
    <div class="subtitle-container">
      <span class="container-title">En attente de PJ</span>
      <div class="offers-counter"><span>{{projectsList['docs_needed'].total }}</span> offres</div>

    </div>
    <div *ngFor="let project of projectsList['docs_needed'].projects">

      <div *ngIf="project._estimation" class="content-row">
        <div class=" city-col">
          <div class="option">
            <h2>{{getLocalisation(project)}}</h2>

            <div *ngIf="getLocalisation(project) == 'Paris'" class="option-corner-orange"></div>
            <div *ngIf="getLocalisation(project) == 'Paris'" class="option-corner-left-orange"></div>
            <div *ngIf="getLocalisation(project) == 'Bordeaux'" class="option-corner-blue"></div>
            <div *ngIf="getLocalisation(project) == 'Bordeaux'" class="option-corner-left-blue"></div>
          </div>
        </div>

        <div class="content-col">
          <div class="dashboard-management-content-title" (click)="navigateToProjectDetails(project)">
            <span *ngIf="getProjectOwner(project) !== undefined">
              {{getProjectOwner(project)._user.name}}</span>
          </div>
          <div class="dashboard-management-content-subtitle">
            <div class="label-1">{{getObjective(project)}} {{getProperty(project)}}</div>
          </div>

        </div>

      </div>

    </div>
    <div class="load-more-container">
      <p-button class="load-more" label="Charger plus de projets" (click)="loadMoreProjects('docs_needed')"></p-button>
    </div>
  </div>
</div>

谢谢。

Answer 1

它不是错误，您可以在已发布的代码/HTML中看到错误实际上是在您的代码/HTML中编写的:

</div>index.js:3757 TypeError: Cannot read pro
<div class="p-col-6 waitForPj">

这说明了为什么消息无法完全显示以及为什么您在控制台中实际上没有收到任何错误