Question

当我访问图像时，通过家庭组件本机css文件，home.component.scss我收到了警告。怎么防止这个？或者我的代码有什么问题？

我正在使用Angular CLI: 1.7.4任何人帮助我吗？

这是我的scss代码：

a.get-price{ background:url("assets/images/icons/svg/icon-calc.svg") no-repeat center; }

这是警告：

[WDS] Warnings while compiling.

(Emitted value instead of an instance of Error) postcss-url: C:\DHL\Projects\retailApp\src\app\pages\home\home.component.scss:103:3: Can't read file 'C:\DHL\Projects\retailApp\src\app\pages\home\assets\images\icons\svg\icon-location.svg', ignoring
 @ ./src/app/pages/home/home.component.ts 22:21-53
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi (webpack)-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Answer 1

我刚刚从

更改了我的网址

background:url("assets/images/icons/svg/icon-calc.svg") no-repeat center;

to（在资产之前添加斜杠）

background:url("/assets/images/icons/svg/icon-calc.svg") no-repeat center;

工作正常。

`angular-cli`在从资产访问图像时收到警告

1 个答案: