如何在 Dart 中使用 bower 组件？答案

【问题标题】：How can I use a bower component in Dart?如何在 Dart 中使用 bower 组件？
【发布时间】：2015-08-05 03:52:03
【问题描述】：

我找到了一个很好的 JS 组件，它与 Bower 一起安装。

我想知道如何导入我的组件并让它由 Pub 提供服务。

到目前为止我已经尝试bower install它，它被下载到我项目的根目录/bower_components

然后在我的index.html 中我尝试了：

<link rel="import" href="../bower_components/paper-date-picker/paper-date-picker.html">

但 Pub 不会加载文件（似乎无法确定 Bower 中的相对路径）。

【问题讨论】：

你能发布你的文件夹结构吗？看起来你的路径可能是错误的
我在根目录下有 /web 和 /bower_components。 index.html 在 /web
我无法导入基于 javascript 的第 3 方聚合物组件，因为它们依赖于 polymer.js 并且与 polymer.dart 冲突。你介意分享一下你是怎么做到的吗？

【解决方案1】：

您的路径看起来正确 ../ 这是正确的，但请转到 /bower_components/paper-date-picker/paper-date-picker.html 并确保它是正确的。

或将该行更改为 ../bower_components/paper-date-picker/paper-date-picker-dialog.html

看看它是否有效。

【讨论】：

【解决方案2】：

默认情况下，pub 将 web 作为根文件夹，所以你不能比 root 更深入。使其工作的最简单方法是将 bower_components 文件夹符号链接到 web 文件夹中，就像 pub 对 packages 文件夹所做的那样。

不要忘记在之后的 href 属性中删除 /bower_components 之前的 ..。

【讨论】：