сборка angluar-cli: произошло необработанное исключение: фабрика модулей недоступна для типа зависимости: CssDependency

#angular #webpack #angular-cli

#угловатый #веб-пакет #angular-cli #angular #webpack

Вопрос:

Я пытаюсь создать угловой проект, используя следующую команду:

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 работает должным образом.

Package.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"
  }
  

Ответ №1:

Это может помочь вам решить эту проблему

  1. Перейдите к angular.json
  2. В разделе «Конфигурации» найдите «Производство».
  3. установите для «extractCss» значение false, в настоящее время оно будет true

Надеюсь, это помогло!