相对资源路径的聚合物解析路径

Question

我试图解决我的硫化聚合物应用程序资源加载错误。我已经阅读了关于resolvePath方法的文档，但这似乎并没有解决问题。这是我的项目结构:

test
├── assets
│   └── avatar.png
├── components
│   └── custom-elem-with-relative-path-to-avatar.html
└── index.html

custom-elem-with-relative-path-to-avatar.html

<polymer-element name="aw-account” layout vertical>
…
    <img src="{{avatarImage}}" id="profileAvatar" alt="Image for Profile”>
…
</template>
<script>
    Polymer('aw-account', {
        ready: function () {
            this.avatarImage = this.resolvePath('../assets/avatar.png');
            …
</script>
</polymer-element>

由于../，图像src比正确的文件夹高一级!

我如何使用resolvePath方法来获得资源avatar.png正确加载在我的硫化应用程序?

Answer 1

你应该使用

this.resolvePath('./assets/avatar.png')

聚合物0.5或 中的

this.resolveUrl('./assets/avatar.png')

in Polymer 1.0