小编Sal*_*med的帖子

我已将 Angular 应用程序从 Angular 更新10为 Angular 12。更新开发模式后工作正常。但在生产构建中我收到"JIT compiler unavailable"错误。我已经进口了'@angular/compiler'；文件中main.ts也有。我找不到这个问题的任何可能的原因。

我的版本是：

1. npm v6.14.12
2. node v10.24.1
3. angular-cli v8.0.2

我使用以下命令创建了一个库：

步骤1：ng new my-workspace --create-application=false

第2步：cd my-workspace然后ng generate library my-lib

步骤3：cd projects/my-lib/src/lib

步骤4：npm install bootstrap --save

之后我可以看到my-workspace/projects/my-lib/package.json

  "dependencies": {
    "bootstrap": "^5.0.1"
  }

但现在我被困住了。我被告知在style.css或angular.json中添加 bootstrap 。但这些文件不会存在于库代码中。请告诉我如何进行此操作。我发现的几乎所有文章都是针对成熟的角度应用程序。

这意味着

我有两个组件如下：

1. 我在其中显示表格的产品表
2. 产品消息，我在其中显示点击表格的结果

我让组件与输入和输出进行通信，一切都运行良好。

现在我想尝试通过路由传递数据的新方法。

产品表.html

<!-- Symbol Column -->
  <ng-container matColumnDef="symbol">
    <th mat-header-cell *matHeaderCellDef>Symbol</th>
    <td mat-cell *matCellDef="let element">{{element.symbol}}</td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns;" 
  (click)="selected(row)" (click)="navigate(row)"></tr> // i try with navigate method here

产品表.ts

export class ProductTableComponent implements OnInit ,OnDestroy{
  
  displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
  public dataSource!: MatTableDataSource<Product>;
  
  private sub: Subscription = new Subscription;
  
  @Output() selectedArrayEnfant2 = new EventEmitter();
  
  constructor(private productService: ProductService, private router: Router) { }
  
  ngOnInit(): void {
    this.getAllProduct();
  }
  
  getAllProduct() …