使用Angular CLI动态加载CSS

使用Angular CLI动态加载CSS,css,sass,angular-cli,Css,Sass,Angular Cli,我希望能够在我的Angular项目中动态加载CSS。 为此,我遵循了本教程中的所有步骤: 不幸的是,我在下面的angular.json中遇到了这个问题: "dyncss": { ... "build": { ... options: { ... "styles": [ "src/styles.scss",

我希望能够在我的Angular项目中动态加载CSS。 为此,我遵循了本教程中的所有步骤:

不幸的是,我在下面的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]”应匹配 “其中一个”中正好有一个架构

如果我删除了行
“inject”:false
ng build可以正常工作,但是我必须放入inject以便能够在以后以友好方式加载css

p、 美国:角度版本^9.1.3

请,任何帮助都是非常欢迎的!提前谢谢

尝试改变

“注入”:false


“lazy”:false

请尝试正确更新您的软件包。确保所有包都是最新的。我也有类似的问题,我忘了更新“ngx build plus”以匹配我的angular project版本。

它实际上是“懒惰的”:是的,OP试图实现的功能不同。不推荐使用lazy。您找到解决此问题的方法了吗?