Error Application Layout Component of angular components in AngularDart

Issue

Trying to implement the new released application layout component of angular components in my project.
Even after importing import'package:angular_components/angular_components.dart'; dart throws an error for MaterialIconComponent, MaterialPersistentDrawerDirective, MaterialTemporaryDrawerComponent,

[Info from Dart2JS]:
Compiling my_app|web/main.dart...
[Error from Dart2JS on my_app|web/main.dart]:
web\main.template.dart:16:1:
Can't read 'package:my_app/views/app_component/app_component.template.dart' (Could not find asset my_app|lib/views/app_component/app_component.template.dart.).
import 'package:my_app/views/app_component/app_component.template.dart' as i1;
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[Error from Dart2JS on my_app|web/main.dart]:
web\packages\my_app\views\app_component\app_component.dart:25:5:
Not a compile-time constant.
    MaterialIconComponent,
    ^^^^^^^^^^^^^^^^^^^^^
[Dart2JS on my_app|web/main.dart]:
3 warning(s) suppressed in package:my_app.
[Info from Dart2JS]:
Took 0:00:07.975139 to compile my_app|web/main.dart.
Build failed.

Error: mediator

  Found 3 mismatching dependencies on package:build:
* angular2 requires  ^0.9.0
* angular_components->angular requires  ^0.10.0
* angular_components->angular->angular_compiler requires  ^0.10.0

Package dependencies in the project

dependencies:
angular2: "^3.1.0"
angular_components: "^0.6.0-alpha+3"
browser: "^0.10.0+2"
dart_to_js_script_rewriter: "^1.0.3"
firebase: "^4.1.0"

Solution

dependencies:
  angular: ^4.0.0-alpha+3
  angular_components: ^0.6.0-alpha+3

Answered By – Günter Zöchbauer

Answer Checked By – Marilyn (FlutterFixes Volunteer)

Leave a Reply

Your email address will not be published. Required fields are marked *