.template.dart 文件未创建

Question

我正在尝试使路线 class 正常工作。当我尝试导入时

import 'package:mango/src/component/pages/dashboard_component.template.dart' as dashboard_template;

我收到这个错误：

[SEVERE] build_web_compilers|entrypoint on web/main.dart:
Unable to find modules for some sources, this is usually the result of either a
bad import, a missing dependency in a package (or possibly a dev_dependency
needs to move to a real dependency), or a build failure (if importing a
generated file).

Please check the following imports:

`import 'src/component/pages/dashboard_component.template.dart' as _ref3;` from mango|lib/app_component.template.dart at 19:1
`import 'package:mango/lib/src/component/pages/dashboard_component.template.dart' as dashboard_template;` from mango|lib/src/routes.template.dart at 9:1
`import 'package:mango/lib/src/component/pages/dashboard_component.template.dart' as dashboard_template;` from mango|lib/src/routes.dart at 5:1

查看构建目录结构，我注意到 dashboard_component.template.dart 尚未创建，而其他的都已创建。

lib/src/routes.飞镖

import 'package:angular_router/angular_router.dart';
import 'package:mango/src/component/pages/dashboard_component.template.dart' as dashboard_template;
import 'route_paths.dart';
export 'route_paths.dart';

class Routes {
    static final dashboard = RouteDefinition(
        routePath: RoutePaths.dashboard,
        component: dashboard_template.DashboardComponentNgFactory,
        useAsDefault: true,
    );

    static final all = <RouteDefinition>[
        dashboard,
    ];
}

lib/src/component/pages/dashboard_component.飞镖

import 'package:angular/angular.dart';
import '../customers/customers_component.dart';
import '../customers/new_customer_component.dart';
import '../../data_service.dart';

@Component(
  selector: 'dashboard',
  templateUrl: 'dashboard_component.html',
  providers: [
    CustomersComponent,
    NewCustomerComponent,
  ],
)
class DashboardComponent {
  final DataService _dataService;

  DashboardComponent(this._dataService);
}

lib/app_component.飞镖

import 'package:angular/angular.dart';
import 'package:angular_router/angular_router.dart';

import 'src/component/header/header_component.dart';
import 'src/component/pages/dashboard_component.dart';
import 'src/model/customer.dart';
import 'src/data_service.dart';
import 'src/routes.dart';

@Component(
  selector: 'app',
  templateUrl: "app_component.html",
  styleUrls: ['app_component.css'],
  directives: [
    coreDirectives,
    routerDirectives,
    HeaderComponent,
    DashboardComponent,
  ],
  providers: [ClassProvider(DataService)],
  exports: [RoutePaths, Routes],
)
class AppComponent implements OnInit {
  final DataService dataService;

  List<Customer> get customers => dataService.customers;

  AppComponent(this.dataService);

  @override
  ngOnInit() {
    dataService.init();
  }
}

我搜索了其他主题，但找不到任何有用的信息。

Answer 1

我认为您的 .html 中存在错误，因此模板未在 .dart_tools/build/generated

中生成

删除 .dart_tools/build 文件夹。然后在命令行执行-

 pub run build_runner build --delete-conflicting-outputs

这应该会显示一些错误。如果没有，您必须手动检查 html 文件

中的语法

还要检查 .dart 文件中是否列出了所有正确的指令和提供程序

.template.dart 文件未创建

.template.dart file not being created

dart

angular-dart

angular-dart-routing