Я новичок в AngularDart и пытаюсь добавить в свой проект выпадающий селектор. Я смотрю на примеры в галерее AngularDart, а именно: https://dart -lang.github.io / angular_components / # / material_dropdown_select
Я вернулся к «основам» и создал новый проект, используя IntelliJ IDEA> Новый проект> Dart> AngularDart Web App. «Моё первое приложение AngularDart» (приложение todo_list) собирается и работает нормально.
Итак, чтобы добавить выпадающий селектор, после попытки различных подходов я добавил демонстрационный код из галереи AngularDart в этот проект:
- В приведенном выше URL-адресе нажмите «Исходный код» рядом с MaterialDropdownSelectSimpleDemoComponent
- Поднялся на один уровень в хранилище и скопировал содержимое material_dropdown_select_simple_demo (.dart, .html и .scss) в мой проект
- [Проблема 1] В дополнение, я фактически прошел несколько уровней, пока не смог клонировать dart-lang / angular_components. Но я не могу заставить его строить как проект, чтобы я мог играть с ним «вживую», что могло бы помочь. Я что-то упускаю здесь очевидное ??
- Итак, у меня есть файл material_dropdown_select_simple_component.dart, .html, .scss в моем проекте и я обновил селектор @Component: templateUrl: и stryleUrls: в соответствии с именем моего компонента
- Затем в основной компонент проекта (app_component.html) добавляю:
<material-dropdown-select-simple-component></material-dropdown-select-simple-component>
- И добавьте имя класса MaterialDropdownSelectSimpleDemoComponent к директивам: и добавьте соответствующий оператор импорта
- Добавить к зависимостям в pubspec.yaml (из-за использования scss)
sass_builder: ^2.0.0
Затем я пытаюсь запустить его и получить:
[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 'package:DropDownSelectv4/src/todo_list/material_dropdown_select_simple_component.scss.css.shim.dart' as import0;` from DropDownSelectv4|lib/src/todo_list/material_dropdown_select_simple_component.template.dart at 10:1
[Проблема 2]
Итак, у меня есть номер строки в файле template.dart, и я не могу найти этот файл.
[Проблема 3]
При просмотре кода я замечаю, что в material_drop_select_simple_component.scss есть красные загогулины под:
@import 'package:angular_components/css/material/material';
@import 'package:angular_components/css/material/shadow';
Возможно, мне не хватает зависимости в моем файле pubspec.yaml, но как мне определить что?
В настоящее время у меня есть:
dependencies:
angular: ^5.2.0
angular_components: ^0.11.0
sass_builder: ^2.0.0
dev_dependencies:
angular_test: ^2.2.0
build_runner: ^1.1.2
build_test: ^0.10.3
build_web_compilers: ^1.0.0
pedantic: ^1.0.0
test: ^1.5.1
Я думаю, что мне здесь чего-то не хватает. Любая помощь будет оценена.