URL中缺少Angular 2 Separator

Question

我在依赖包中有一个可重用的组件。我在可重用组件中添加了一个图像。当我尝试使用它时，可重用组件中添加的图像不会显示。

Conisder UI-Common 是依赖项目。

图片-use.component.ts

<img class='test'/>

图片-use.component.scss

.test {
    background-image: url(..\assets\images\sampleImage.png);
}

将 base-common 包视为主要包。

主要碱基component.ts

<image-use></image-use>

当我尝试运行应用程序时，我无法获取图像。

当我检查元素时，我看到url和filename之间缺少/。

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

结果：localhost:8080/basepackagesamepleImage.png.

任何人都可以帮我解决这个问题。如何在网址和文件名之间找到/？

Answer 1

您遗失了url()

这样做

.test {
  background-image: url(..\assets\images\sampleImage.png);
 }