如何从我的 Web 应用程序的 lib 文件夹中导入库？

Question

我的文件夹结构如下：

lib\
    my_library.dart
web\
    index.html
    main.dart
pubspec.yaml

在main.dart 中，我目前正在通过以下方式导入my_library.dart（顶部有library my_library）：

import '../lib/my_library.dart';

这很好用。但是，拥有这种相对路径感觉有点脆弱。我在Pub Package Layout Conventions 中读到我可能可以使用import 'package:blah'；它说：

当您使用自己包中的库时，即使是 src 中的代码，您仍然可以（并且应该）使用“package:”来导入它们

所以，我尝试将我的代码更改为：

import 'package:my_library.dart';

但是，在 Chrome 开发编辑器中，我得到：

目标或 URI 不存在：'package:grid_data.dart'

在 Dartium 中我得到：

GET http://127.0.0.1:51792/MyProject/web/packages/my_library.dart 404（未找到）

从我的项目中的其他 dart 文件中导入 lib 文件夹中的内容的正确方法是什么？

Answer 1

你缺少包名

import 'package:my_project/my_library.dart';

导入语句中的package: 部分引用了my_project 包中的包文件夹（包含pubspec.yaml 的文件夹。导入语句的其余部分是您要导入的文件的路径。 您可以在 DartEditor 或文件管理器中浏览此包文件夹中的文件夹和文件，以查看文件的确切组织方式。
此文件夹还包含一个名为 my_project 的符号链接，它指向您的 my_project/lib 文件夹。