Dart：如何解决这个问题？

Posted 2023-02-23

【中文标题】Dart：如何解决这个问题？

【英文标题】：Dart: How to fix the condition?

【发布时间】：2019-04-20 12:46:27

【问题描述】：

我是新手。我使用 IDEA 模板创建了一个 Angular 应用程序并插入示例中的代码：

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

发生错误：

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

请检查以下导入：

import 'package:untitled1/app_component.template.dart' as ng; 来自 untitled1|web/main.dart at 2:1

[严重] build_web_compilers|test/app_test.dart 上的入口点 （缓存）：无法找到某些源的模块，这通常是 导入错误、包中缺少依赖项（或 可能 dev_dependency 需要移动到真正的依赖项），或者 构建失败（如果导入生成的文件）。

请检查以下导入：

import 'package:untitled1/app_component.template.dart' as ng; 来自 untitled1|test/app_test.dart 在 5:1

[严重] 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 在 5:1

[严重] 1.6 秒后失败

如何解决？

【参考方案1】：

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

import 'package:angular/angular.dart'

...

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