Javascript 尽管角度在本地正确工作，但在构建后不工作

我通过

ngFor

创建了一个简单的库，并在本地主机上正常工作的每个渲染图像上添加

onclick

函数，但在构建之后，每次单击都会出现

ERROR ReferenceError:“无法在初始化之前访问词法声明'n'”

ts文件：

 images = [
   {title: 't1', src: "images/img1.jpg"},
   {title: 't2', src: "images/img2.jpg"},
   {title: 't3', src: "images/img3.jpg"}
 ]

  showImg(index) {
    console.log(index);
  }

在html文件中：

<div class="container">
    <div class="row" id="imagesWrapper">
        <div class="col-12 col-sm-6 col-md-3" *ngFor="let item of images; let i = index">
            <img [src]="item.src" class="gallery-image" (click)="showImg(i)"/>
        </div>
    </div>
</div>

以及main-es2015.0dfa8e3b51a3bf4afbe1.js文件的一部分：

{title:"t3",src:this."images/img3.jpg"}]}ngOnInit(){}showImg(e){n=document.getElementById("imagesWrapper").children[e].children[0]

---

你发布的内容应该有用。我猜您的问题与构建（可能与AoT！？）有关，而serve中通常可用的东西（因为编译器可用）在缩小版中不存在。尝试构建未统一的开发包，并检查prod中是否需要任何开发包。同时在控制台中仔细查看构建过程中的任何错误。在当前形式下，您的问题没有包含足够的详细信息来回答。感谢您的重播，我添加了控制台错误的详细信息，我不知道发生了什么，因为在本地一切都是正确的。您尝试过吗？同样的情况也发生在我身上。它曾与Angular 7合作，但升级后失败了。与ng serve配合使用效果良好。所以一定是AOT。@HamaBohel您是如何解决这个问题的？您发布的内容应该是有效的。我猜您的问题与构建（可能与AoT！？）有关，而serve中通常可用的东西（因为编译器可用）在缩小版中不存在。尝试构建未统一的开发包，并检查prod中是否需要任何开发包。同时在控制台中仔细查看构建过程中的任何错误。在当前形式下，您的问题没有包含足够的详细信息来回答。感谢您的重播，我添加了控制台错误的详细信息，我不知道发生了什么，因为在本地一切都是正确的。您尝试过吗？同样的情况也发生在我身上。它曾与Angular 7合作，但升级后失败了。与ng serve配合使用效果良好。所以一定是AOT。@HamaBohel您是如何解决这个问题的？

{title:"t3",src:this."images/img3.jpg"}]}ngOnInit(){}showImg(e){n=document.getElementById("imagesWrapper").children[e].children[0]