URL中缺少Angular 2分离器

Question

我在依赖软件包中具有可重复使用的组件。我在可重复使用的组件中添加了图像。当我尝试使用它时，可重复使用的组件中添加的图像未显示。

conisder ui-common 是依赖项目。

image-use.component.ts

<img class='test'/>

image-use.component.scss

.test {
    background-image: url(..assetsimagessampleImage.png);
}

考虑 base-common 包作为主包。

MAIN-BASE-COMPONENT.TS

<image-use></image-use>

当我尝试运行应用程序时，我没有得到图像。

当我检查元素时，我已经看到在URL和文件名之间缺少/。

预期：localhost:8080/base-package/sampleImage.png

结果：localhost:8080/basepackagesamepleImage.png.

任何人都可以帮我解决这个问题。我如何在URL和文件名之间获得HE /？

Answer 1

您缺少url()

这样做

.test {
  background-image: url(..assetsimagessampleImage.png);
 }