angular - 无法使用Ivy将@Input装饰器与查询装饰器组合

Question

我已经将我的angular 7应用程序迁移到了8.0.0，现在我正在尝试新的编译器 Ivy 。

该应用程序在没有 Ivy 的情况下可以完美运行，但是当我尝试使用它编译时，出现以下错误:

Cannot combine @Input decorators with query decorators

没有行号，没有文件，没有任何东西……很难调试任何东西。

在此之前我有警告，但我不知道是否相关:

WARNING in Entry point 'angular-tree-component' contains deep imports into 'lodash/defaultsDeep', 'lodash/get', 'lodash/omit', 'lodash/isNumber', 'lodash/first', 'lodash/last', 'lodash/some', 'lodash/every', 'lodash/compact', 'lodash/find', 'lodash/isString', 'lodash/isFunction', 'lodash/throttle', 'lodash/includes', 'lodash/pick'. This is probably not a problem, but may cause the compilation of entry points to be out of order.

有任何想法吗 ？

Answer 1

问题是，在应用程序中的某个地方，您正在使用@Input装饰器和查询装饰器之一(@ContentChild，@ContentChildren，@ViewChild，@ViewChildren，@Query)。装饰器的这种组合实际上没有任何意义，并且可能阻止编译器正确分析您的代码，因此会出现错误Cannot combine @Input decorators with query decorators。

浏览您的代码，并从应用了查询修饰符的成员中删除每个@Input装饰符。另外，您可能会检查所有第三方库是否都与angular 8.0.0兼容。