3

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

打开 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.dartweb/out/xclickcounter.dart搞砸了:

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

类只能混入其他类

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 编辑器警告就会消失。

4

0 回答 0