Question

我是新手。我使用IDEA模板创建一个角度应用程序，然后插入示例中的代码：

<p *ngIf="true">
    Expression is true and ngIf is true.
    This paragraph is in the DOM.
</p>

发生错误：

[INFO]   -------------------------------------------------- ---------------------- [INFO]开始构建[INFO]更新资产图完成，耗时16ms   lib / app_component.dart上的[SEVERE] angular：模板解析错误：   AppComponent第6行第4列：ParseErrorLevel.FATAL：无法绑定到   'ngIf'，因为它不是任何绑定指令的输入。请检查   拼写正确，并且预期的指令是   包含在主机组件的指令列表中。   ^^^^^^^^^^^^^^ [INFO]运行构建完成，花费了650ms [INFO]缓存   最终的依赖性图完成，耗时853ms [SEVERE]   Web / main.dart上的build_web_compilers |入口（已缓存）：无法   查找某些来源的模块，这通常是由于   导入错误，包中缺少依赖项（或者可能是   dev_dependency需要移至实际依赖项，否则构建失败   （如果要导入生成的文件）。

请检查以下进口：
     来自的
import 'package:untitled1/app_component.template.dart' as ng;   untitled1 | web / main.dart at 2：1

[SEVERE] build / web_compilers | test / app_test.dart上的入口点   （已缓存）：无法找到某些来源的模块，通常是   导入错误，包中缺少依赖项（或   dev_dependency可能需要移至实际依赖项），或者   构建失败（如果导入生成的文件）。

请检查以下进口：
     来自的
import 'package:untitled1/app_component.template.dart' as ng;   untitled1 | test / app_test.dart at 5：1

[SEVERE] build_web_compilers |入口   test / app_test.dart.browser_test.dart（已缓存）：无法找到模块   对于某些来源，通常是由于导入错误，   缺少包中的依赖项（或者可能是dev_dependency需要   移至实际依赖项）或构建失败（如果导入   生成的文件）。

请检查以下进口：
     来自的
import 'package:untitled1/app_component.template.dart' as ng;   untitled1 | test / app_test.dart at 5：1

[SEVERE]在1.6秒后失败

如何解决？

Answer 1

您需要在@Component()批注中列出您在模板中使用的指令

import 'package:angular/angular.dart'

...

@Component(
  selector: 'foo-bar',
  templateUrl: 'foo_bar.html',
  directives: [coreDirectives /* or NgIf */],
)

飞镖：如何解决这种情况？

1 个答案: