使用AoT编译时，ViewChild找不到并捆绑更大

Question

使用AoT找不到ViewChild

1. 获得 3th party lib 支持 AoT 后，我成功编译ngc编译时没有错误！
2. 我将 3th party lib 注入到我的项目中，所以我的项目使用--aot标志用CLI编译，编译时没有错误，但是当在导航器上打开应用程序时，我得到：

  

ReferenceError：未定义nameColumnHeader

1. 此nameColumnHeader是ViewChild()装饰者：

@ViewChild('nameColumnHeader') nameColumnHeader: TemplateRef<any>;

当然我在HTML中有<template #nameColumnHeader...>。删除这个ViewChild时，另一个问题是#end of material2 / sidenav component ...

我不知道什么是问题，顺便说一句，为什么当我的项目 ng serve --prod --aot 时，cli不告诉我什么是问题！

使用AoT捆绑main.js

我删除了所有ViewChild()重新编译--aot一切正常，页面显示正确，但是：
当我使用ng build --prod进行编译时，main.js的大小为 1836 Ko ，当使用AoT ng build --prod --aot进行编译时，main.js的大小为： 1860Ko

如果有用

• check my app.module.ts
• check my package.json
• check my tsconfig.json

更新：

使用ViewChild时，您需要使用分号！奇怪的是，我们可以在没有AOT的情况下编写没有seimicolons的ViewChild但是使用AoT需要分号