时间戳

首页 > 解决方案 > angular-cli build：发生未处理的异常：没有可用于依赖类型的模块工厂：CssDependency

angular - angular-cli build：发生未处理的异常：没有可用于依赖类型的模块工厂：CssDependency

问题描述

我正在尝试使用以下命令构建一个角度项目：

ng build --configuration=production 我收到以下错误：

70% building 4/4 modules 0 activeAn unhandled exception occurred: No module factory available for dependency type: CssDependency
See "/private/var/folders/3q/rg85j7dj5dz5g37jk56731f40000gr/T/ng-p04YBZ/angular-errors.log" for further details.

而 ng build 按预期工作。

包.json

"dependencies": {
    "@angular/animations": "~10.2.0",
    "@angular/common": "~10.2.0",
    "@angular/compiler": "~10.2.0",
    "@angular/core": "~10.2.0",
    "@angular/forms": "~10.2.0",
    "@angular/platform-browser": "~10.2.0",
    "@angular/platform-browser-dynamic": "~10.2.0",
    "@angular/router": "~10.2.0",
    "moment": "^2.29.1",
    "moment-timezone": "^0.5.31",
    "rxjs": "~6.5.4",
    "single-spa": "^5.8.0",
    "single-spa-angular": "^4.3.0",
    "systemjs-webpack-interop": "~2.1.2",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-builders/custom-webpack": "^10",
    "@angular-devkit/build-angular": "^0.1001.7",
    "@angular/cli": "~10.1.7",
    "@angular/compiler-cli": "~10.1.6",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.0.2",
    "keycloak-js": "^3.4.3"
  }

标签： angularwebpackangular-cli

解决方案

这可能会帮助您解决此问题

  1. 转到 angular.json
  2. 在“配置”下，找到“生产”
  3. 将“ extractCss ”设置为false，当前为 true

希望这有帮助！

推荐阅读