使用Angular CLI动态加载CSS

问题描述

我希望能够在Angular Project中动态加载CSS。 为此，我在这里按照本教程中的所有步骤进行操作： https://juristr.com/blog/2019/08/dynamically-load-css-angular-cli/

不幸的是，我在下面的angular.json中遇到了这个问题：

"dyncss": {
    ...
    "build": {
        ...
        options: {
          ...
          "styles": [
            "src/styles.scss",{
              "input": "src/client-a-styles.scss","bundleName": "client-a","inject": false
            },{
              "input": "src/client-b-styles.scss","bundleName": "client-b","inject": false
            }
          ],}
    },...
},

我添加以下行：“ inject”：false， 我在这里遇到这些错误：

“架构验证失败，并出现以下错误：数据路径 “ .styles [1]”不应具有其他属性（注入）。数据路径 “ .styles [1]”应为字符串。数据路径“ .styles [1]”应匹配 在oneOf中恰好是一个模式”

如果我正确删除了"inject": false行，则构建工作正常，但随后必须注入以能够动态加载CSS ...

p.s .：角版本^ 9.1.3

请随时提供任何帮助！预先感谢！

解决方法

尝试更改

"inject": false

作者

"lazy": false

,

尝试正确更新您的软件包。确保所有软件包都是最新的。我遇到了类似的问题，我忘记更新“ngx-build-plus”以匹配我的 angular 项目版本。