相关疑难解决方法(0)

升级到 Angular 10 后无法在 scss 中的 url() 中使用资产

我将我的 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)

资产的 Angular 10 错误

我尝试了各种旧链接,但没有一个奏效。

  1. https://github.com/angular/angular-cli/issues/12797
  2. https://github.com/angular/angular/issues/32811

angular

24
推荐指数
2
解决办法
8118
查看次数

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

我尝试将图像作为我网站的背景图像,但它在这里不起作用,这是我在 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

有人能帮助我吗 ??

angular-material angular

3
推荐指数
1
解决办法
2591
查看次数

标签 统计

angular ×2

angular-material ×1