根据this tutorial,在Angular for Dart中定义路线时,您需要导入相关组件的template.dart
个文件:
import 'crisis_list_component.template.dart' as clct;
import 'hero_list_component.template.dart' as hlct;
我已将我的组件放在此代码所在文件夹的子文件夹中。我在lib/src/routes.dart
中有导入代码:
import 'components/foobar/foobar_component.template.dart' as fct;
和lib/src/components/foobar/foorbar_component.dart
中的Foobar组件。
当我在foobar_component.dart
中有src
代码(即与routes.dart
相同的文件夹)时,没问题。但当我将它移动到自己的子文件夹时,我收到错误:
无法找到某些来源的模块[...]请检查以下导入:
import 'components/foobar/foobar_component.template.dart'
如何在子文件夹中找到该组件?
答案 0 :(得分:3)
您可以使用
import '../../components/foobar/foobar_component.template.dart' as fct;
但通常情况下,最好不要在导入中使用../
,而是使用包导入
import 'package:my_package/web/src/components/foobar/foobar_component.template.dart' as fct;
其中my_package
是name: ...
中pubspec.yaml
中使用的字符串,lib/
中的字符串会在导入文件的路径中跳过。