我是AngularDart的新手,正在尝试向我的项目添加一个下拉选择器。我正在查看AngularDart Gallery中的示例,特别是:https ://dart-lang.github.io/angular_components/#/material_dropdown_select
我回到“基础知识”并使用IntelliJ IDEA>新建项目> Dart> AngularDart Web App创建了一个新项目。“我的第一个AngularDart应用程序”(todo_list应用程序)将构建并运行正常。
因此,在尝试各种方法之后,要添加一个下拉选择器,我将AngularDart Gallery中的演示代码添加到了该项目中:
<material-dropdown-select-simple-component></material-dropdown-select-simple-component>
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
我在想我这里缺少基本的东西。任何帮助,将不胜感激。
[问题1]顺便说一句,实际上我已经上了多个级别,直到可以克隆dart-lang / angular_components为止。但是我无法将此作为项目构建,因此我可以“实时”使用它,这可能会有所帮助。我在这里错过明显的东西吗?
您可以在本地构建和尝试的回购中唯一完整的软件包称为angular_components_example。它是构建示例库的包。https://github.com/dart-lang/angular_components/tree/master/examples/angular_components_example
[问题2]因此,我在template.dart文件中有一个行号,但找不到此文件。
在生成期间生成的文件,例如.template.dart(按角度)或.css(按sass_builder),将位于包根目录下的隐藏目录中,该目录称为 .dart_tool/build/generated/<your package name>
[问题3]在查看代码时,我注意到在material_drop_select_simple_component.scss中,下面有红色的花体。
我认为红色的花体实际上是红色的鲱鱼,您不必担心这些进口。它们来自我们创建的一个小变通方法,使您可以在了解dart软件包系统的情况下导入sass文件,并且没有与IDE集成以支持导入。
我认为真正的问题是文件中sass文件的名称material_dropdown_select_simple_component.dart
。将行更改为:
styleUrls: [material_dropdown_select_simple_component.css]
缺省情况下,sass_builder软件包将.scss
软件包中的.css
文件编译为文件。(我们只是在angular_components包中使用了不同的约定,因此,当您复制文件时,它可能包含.scss.css
在其中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句