角CLI映像未加载到CSS

时间:2019-02-04 06:46:40

标签: angular npm angular-cli

尝试从Angular CLI项目的“资产/图像” "404 Not Found"目录中引用图像(lead-bg.jpg)时出现Project Structure错误,而我可以在以下位置打开图像VS代码。 这是在我的本地机器上。 同样,.woff和.ttf字体也发生了同样的问题。

如我所见,服务器正在尝试在localhost文件夹而非“ assets / images”目录中查找图像,在该目录中没有此类图像文件夹。

请帮助我解决此问题,因为由于此问题我搁置了许多有角度的项目。

谢谢!

2 个答案:

答案 0 :(得分:0)

您指的是错误的路径。试试这个

 background-image: url(./assets/images/lead-bg.jpg);

=>当前路径

./ assets =>从当前路径导航到资产文件夹

./ assets / images / lead-bg.jpg =>然后转到原始图像路径

.. =>指向当前目录中位于资产上方但不在资产文件夹中的父文件夹。

答案 1 :(得分:0)

我认为您缺少引号。

尝试background-image: url("../images/lead-bg.jpg");