Angular Dart 项目，为什么我看到错误 runApp(ng.AppComponentNgFactory)

Question

我是 Angular Dart 的新手。我已经安装了 Dart，并在 VS 代码中添加了 dart 插件。然后我通过 VS 命令调色板创建了一个简单的项目。但是当我在 main.dart 中添加这一行时，我得到了构建错误。这是角镖推荐的，即 angular dart

这是我的 main.dart 文件。

import 'dart:html';
import 'package:angular/angular.dart';
import 'package:angular_web_application/app_component.dart' as ng;
import 'package:http/browser_client.dart';

@GenerateInjector([
  ClassProvider(Client, useClass: BrowserClient),
])
void main() {
  runApp(ng.AppComponentNgFactory);
}

这是我的 app_component.dart

import 'package:angular/angular.dart';
@Component(
  selector: 'my-app',
  template: '<h1>Hello {{name}}</h1>',
)
class AppComponent {
  var name = 'Angular';
}

在我的 index.html 中，我有这一行

<my-app>Loading</my-app>

但我正面临生产线的构建错误

runApp(ng.AppComponentNgFactory);

我收到此错误：

"message": "The name 'AppComponentNgFactory' is being referenced through the prefix 'ng', but it isn't defined in any of the libraries imported using that prefix.\nTry correcting the prefix or importing the library that defines 'AppComponentNgFactory'.

Answer 1

app_component.dart 中没有声明工厂。

由 Angular 编译器生成

import 'package:angular_web_application/app_component.template.dart' as ng;

应该有正确的实现。 例如，请参阅What does somecomponent.template.dart import in AngularDart point to?。