Angular - 从资产文件夹加载答案

【问题标题】：Angular - Load from assets folderAngular - 从资产文件夹加载
【发布时间】：2022-01-21 14:53:12
【问题描述】：

我的文件夹结构是这样的

src
   styles.scss
   sass
      app.scss
      composants
          _icons.scss
   assets
      img
          icons
              alternative_medicine.svg

在我的 _icons.scss 中，我有以下内容

.icon-alternative_medicine {
     background: url(../../assets/img/icons/alternative_medicine.svg);
}

在我的 app.scss 中，我有以下内容

@import "composants/icons";

在我的 styles.scss 中，我有以下内容

@import  "./sass/app.scss";

我有以下错误

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: xxxx\src\webapp\src\sass\composants\_icons.scss:25:20: Can't resolve '../../assets/img/icons/alternative_medicine.svg' in 'xxxx\src\webapp\src'

  24 |     .icon-alternative_medicine {
> 25 |         background: url(../../assets/img/icons/alternative_medicine.svg);
     |                    ^
  26 |     }

【问题讨论】：

标签： angular sass

【解决方案1】：

尝试使用绝对路径。类似/src/assets/img/icons/alternative_medicine.svg。

【讨论】：