Angular 7 TypeError：无法读取专业

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">

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