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)