Question

使用我的Angular 5应用程序，我需要合并另一个团队/组的CSS文件。

Angular CLI我引用CSS文件

但是在CSS文件中它有background

html,
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  color: #101010;
  vertical-align: middle;
  overflow: hidden;
  background-image: none;
  background: url('/Content/Images/bg-dark.png') top left repeat;
  line-height: 20px;
}

问题是这一行background: url('/Content/Images/bg-dark.png') top left repeat;

当我尝试进行服务时，spa应用程序找不到图像，它在这里看：

http://localhost:1203/Content/Images/bg-dark.png

我的index.html页面位于

\src\index.html

css中引用的此图像（已完成标准角度CLI文件）

\src\css\Content\images\bg-dark.png

我该如何解决这个问题？

Answer 1

在你的路径中./css/Content/images/bg-dark.png 另一种方法是将它放在您的资产文件夹中。只使用文件名更容易访问。

Answer 2

通过＆＃34; /＆＃34;在路径的开头，您指定了一个绝对路径，您实际上需要一个相对路径。您可以使用/Content/images/bg-dark.png或者指定完整的绝对路径/src/css/Content/images/bg-dark.png

来执行此操作

Answer 3

你可以使用/src/css/Content/images/bg-dark.png但是一定要在路径中使用正确的目录名称（例如：不要使用/ Images / use / images /

Angular ng服务，spa应用程序不加载CSS背景图像

3 个答案: