背景图像 url 在我的 Angular 项目中不起作用

Question

我尝试将图像作为我网站的背景图像，但它在这里不起作用，这是我在 css 中放入的内容：

.background {
    background: url(assets/images/Forgot_password_2.PNG);
    /*background-color: black;*/
    width: 100%;
    height: 100%;
}

这是我得到的错误：

./src/app/components/forgot-password/forgot-password.component.css 模块错误中的错误（来自 ./node_modules/postcss-loader/src/index.js）：（发出值而不是错误实例） CssSyntaxError: C:\Users\hp\Documents\Projet Angular 8\fg-habilitation\src\app\components\forgot-password\forgot-password.component.css:2:21：无法解析“资产/图像/” 'C:\Users\hp\Documents\Projet Angular 8\fg-habilitation\src\app\components\forgot-password' 中的 Forgot_password_2.PNG'

1 | 。背景 {

2 | 背景：url（资产/图像/Forgot_password_2.PNG）；| ^ 3 | /背景颜色：黑色；/ 4 | 宽度：100%；

这是我的文件的架构：

我已经尝试过此处提到的解决方案（已在 ../ 上删除），但它不起作用：Angular 6 error: CSSSyntaxError - Failed to compile

有人能帮助我吗 ？？

Answer 1

这已经是一个角度问题有一段时间了，但有一个解决方法。

Webpack 不会检查以^. 例如：

background: url("^assets/images/Forgot_password_2.PNG");