我将我的 Angular 应用程序从 v9 升级到 v10。几乎一切正常,但我使用的所有图像都url("assets/images/some/path/image.png")开始抛出异常-
ERROR in ./src/app/pages/about-us/about-us.component.scss
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/shashank/Projects/curika/temp-ssr/src/app/pages/about-us/about-us.component.scss:4:20: Can't resolve './assets/images/about-us.png' in '/Users/shashank/Projects/curika/temp-ssr/src/app/pages/about-us'
2 | display: block;
3 | min-height: 500px;
> 4 | background: url("./assets/images/about-us.png") no-repeat center;
| ^
5 | }
Run Code Online (Sandbox Code Playgroud)
我尝试了各种旧链接,但没有一个奏效。
我尝试将图像作为我网站的背景图像,但它在这里不起作用,这是我在 css 中放入的内容:
.background {
background: url(assets/images/Forgot_password_2.PNG);
/*background-color: black;*/
width: 100%;
height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
这是我得到的错误:
./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
有人能帮助我吗 ??