Path 如何从dart聚合物组件引用图像

我有一个飞镖聚合物组件，是指一个图像。该组件位于路径component/logo-header.html中

当我构建项目并使用构建的应用程序时，这段代码可以很好地工作。如果我只是运行应用程序，它将不起作用

如何引用映像，以便URL对于生成版本和从调试器运行的版本是正确的

---

我的问题是URL在img src中，当从dart编辑器运行时，相对路径与从构建html运行时不同。（当我说run时，我的意思是打开html页面）

将URL放入样式标记修复了问题，这使得从dart编辑器运行或从构建html运行时，相对URL保持相同。现在图像目录位于web目录中，因此其web/image/youtube.png

<polymer-element name="logo-header">
  <template>
    <style>
      .youtube {
        background-image:url('image/youtube.png');
      }
    </style>
    <div class="youtube" style="width: 109px;height:47px;float:left"></div>
  </template>
  <script type="application/dart" src="LogoHeader.dart"></script>
</polymer-element>

.youtube{
背景图片：url（'image/youtube.png'）；
}

---

这解决了问题。

当您将图像放入

[package]/asset/image

（当然可以选择图像细分）目录并使用路径

assets/image/youtube.png

时，这应该可以工作。但是，从DartEditor运行时，这可能会失败，因为DartEditor IMHO仍然不支持

资产

目录

另见

如果您使用相对于

web

目录的路径，它也应该工作。

---

为了提供一个具体的例子，有必要知道您的

logo header

元素存储在哪个目录中。

问题是，当从Dart编辑器（IDE）运行Dart应用程序时，图像的路径与运行构建HTML（构建产品）时图像的路径不同

---

也许这是一个错误或。。。不是虫子，我不知道。当从IDE运行或从构建产品运行时，路径应该具有不同的路径，这很烦人。修复程序是使用CSS的，修复程序记录在问题中。

您可以这样引用您的图像：

/packages//

---

这是基于

你所说的在技术上是正确的，尽管听起来很疯狂，因为他们为什么用“资产”这个词和“资产”这个词来表示同一件事，这只会让程序员发疯。