android - Ionic build android --prod cleancss broken @import 错误

Question

我正在尝试在我的应用中使用自定义字体。我有 2 种字体，一种是 flaticons 的图标字体，另一种是文本字体“Humanst webfont”，我已经下载了它们，并遵循了很多关于如何使它们工作的教程，这是我到目前为止所拥有的:

错误: Erro thrown of broken import

我的元素文件夹:THE SRC AND WWW FOLDERS

我的 app.scss 中有这个:

@import "../assets/fonts/humanst-webfont.css";
@import "../assets/fonts/flaticon.css";

这是我的 humans-webfotn.css:

@font-face {
  font-family: 'Humanst';
  src: url('humanst-webfont.woff2') format('woff2'),
       url('humanst-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

我试过导入 .css、.scss 并只使用 humanst-webfont。也将我的 appscripts 更新为 1.0.0。在 ionic 服务中它工作正常，但是当我尝试构建它时它会中断。有人知道它是什么吗？

提前致谢:)

Answer 1

我遇到了同样的问题。我结束了将 css 放在 index.html 而不是变量文件中。在生产构建和服务期间工作正常。