【问题标题】:How does a component in a component library reference components in another library?组件库中的组件如何引用另一个库中的组件?
【发布时间】:2025-12-28 09:20:17
【问题描述】:

假设我想创建一个使用另一个像 widget 的组件库。惯例是将 (.html|.dart) 文件放在 /components 中。 Web UI 页面讨论了导入组件 - 但看起来这是在导入的组件已经是当前项目的一部分的情况下。

从/web文件夹下的一个html文件,做

<link rel="import" href="packages/widget/components/accordion.html"> 

工作得很好。但是,如果我想在我自己的组件库中使用小部件中的手风琴怎么办 - 导入的方式是什么。例如,假设我有一个 stuff 组件库和一个需要使用小部件手风琴的 stuff_editor。从 stuff_editor.html 中,类似的链接在构建步骤中失败。它似乎在寻找:"web/packages/stuff/components/packages/widget/components/accordion.html" 并失败,如图所示:

【问题讨论】:

    标签: dart dart-webui


    【解决方案1】:

    您应该使用 package: url 前缀而不是相对 url。

    <link rel="import" href="package:widget/components/accordion.html">
    

    您可以这样做以包含来自另一个库或您自己的库的组件。

    【讨论】: