包含的部分“xclickcounter.dart”必须有一个part-of指令

Question

使用 Web UI (web_ui) 库（例如 mylib）创建示例 Web 应用程序

打开 mylib.dart，将其设为库：

library mylib;

import 'dart:html';
import 'package:web_ui/web_ui.dart';

part 'xclickcounter.dart';
...

打开 xclickcounter.dart，删除导入并插入：

part of mylib;

web/out/mylib.dart并web/out/xclickcounter.dart变得一团糟：

包含的部分“xclickcounter.dart”必须有一个part-of指令

类只能混入其他类

Mixin只能应用于类

...更多错误如下

我究竟做错了什么？请帮忙 ：（

---

编辑：如果我不编辑生成的示例代码，wdc 将生成属于单独库的代码：

• web/out/xclickcounter.dart => x_click_counter
• web/out/mylib.dart => mylib_html

这是否意味着，如果我们使用 web_ui，我们不应该创建自己的库，而 wdc 会自动为我们执行此操作？

---

更新：如果我不使用任何库名称，类似于生成的示例代码，并且仅依赖 xdc 在 web/out/... 文件中生成的库名称，那么在导入两个组件时我仍然会遇到麻烦进入第三个文件。Dart 编辑器将产生以下警告：

导入的库“compa.dart”和“compb.dart”不应具有相同的名称

解决方法是根据 xdc 在 web/out/... 文件中生成的内容来命名您的库，即：

• compa.dart => x-comp-a
• compb.dart => x-comp-b

将组件显式放入此类库后，Dart 编辑器警告就会消失。