Unexpected value 'undefined' imported by the module 'AppHeaderModule

[martinwojtus]

When I try to build my project with production mode I am getting error such as below:

node_modules/@angular/cli/bin/ng build --prod

Date: 2019-02-05T09:07:36.717Z
Hash: eafb296a8889407cd81e
Time: 12658ms
chunk {0} runtime.a66f828dca56eeb90e02.js (runtime) 1.05 kB [entry] [rendered]
chunk {1} styles.2861d51e7415c37b3032.css (styles) 1.27 MB [initial] [rendered]
chunk {2} polyfills.e7f5364b276024e19b0b.js (polyfills) 130 bytes [initial] [rendered]
chunk {3} main.0594610c91de797f492a.js (main) 128 bytes [initial] [rendered]

ERROR in : Unexpected value 'undefined' imported by the module 'AppHeaderModule in .../frontend/node_modules/@coreui/angular/coreui-angular.d.ts'

My package.json looks like this:

{
  "name": "[...]",
  "version": "1.0.0",
  "description": "[...]",
  "author": {
    "name": "[..]",
    "url": "[..]"
  },
  "scripts": {
    "build": "node_modules/@angular/cli/bin/ng build",
    "build-dev": "node_modules/@angular/cli/bin/ng build",
    "build-prod": "node_modules/@angular/cli/bin/ng build --prod",
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json",
    "external": "ng serve --proxy-config proxy.conf.json --host 0.0.0.0",
    "test": "ng test",
    "pree2e": "webdriver-manager update --standalone false --gecko false",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.1.6",
    "@angular/common": "^6.1.6",
    "@angular/compiler": "^6.1.6",
    "@angular/core": "^6.1.6",
    "@angular/forms": "^6.1.6",
    "@angular/http": "^6.1.6",
    "@angular/platform-browser": "^6.1.6",
    "@angular/platform-browser-dynamic": "^6.1.6",
    "@angular/router": "^6.1.6",
    "@coreui/angular": "^2.0.0-rc.1",
    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
    "@coreui/coreui-pro": "^2.0.6",
    "@coreui/icons": "^0.3.0",
    "@fortawesome/fontawesome-pro": "^5.6.3",
    "@ngx-formly/bootstrap": "^4.8.2",
    "@ngx-formly/core": "^4.8.2",
    "@ngx-translate/core": "10.0.2",
    "@ngx-translate/http-loader": "3.0.1",
    "angular2-text-mask": "^9.0.0",
    "bootstrap": "4.1.3",
    "bpmn-js": "3.0.4",
    "flag-icon-css": "3.0.0",
    "jwt-decode": "^2.2.0",
    "lodash": "^4.17.11",
    "moment": "2.22.2",
    "mutationobserver-shim": "^0.3.2",
    "ngx-bootstrap": "3.0.1",
    "ngx-perfect-scrollbar": "6.3.0",
    "ngx-toastr": "9.1.0",
    "primeicons": "^1.0.0",
    "primeng": "^6.1.6",
    "rxjs": "^6.1.0",
    "rxjs-compat": "^6.1.0",
    "spinkit": "^1.2.5",
    "ts-helpers": "1.1.2",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.7.5",
    "@angular/cli": "^6.1.5",
    "@angular/compiler-cli": "^6.1.6",
    "@angular/language-service": "^6.1.6",
    "@types/jasmine": "^2.8.8",
    "@types/jasminewd2": "^2.0.3",
    "@types/node": "^10.9.4",
    "codelyzer": "^4.4.4",
    "jasmine-core": "^3.2.1",
    "jasmine-spec-reporter": "^4.2.1",
    "karma": "^3.0.0",
    "karma-chrome-launcher": "^2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.2",
    "karma-jasmine": "^1.1.2",
    "karma-jasmine-html-reporter": "^1.3.1",
    "protractor": "5.4.0",
    "ts-node": "7.0.1",
    "tslint": "5.11.0",
    "typescript": "^2.9.2"
  },
  "engines": {
    "node": ">= 8.9.4",
    "npm": ">= 5.6.0"
  }
}

I bought a pro version of your project.
can you help me with this one?

BTW. I didn't have that issue on 1.02.2019, and my codes have not changed since then...

[xidedix]

hi @martinwojtus thanks for the heads-up!
we are investigating this issue

try to lock @coreui/angular on version 2.2.5 (package.json)

"@coreui/angular": "2.2.5",

then run:

npm prune
npm i
npm run build

please let us know if this workaround helps

[xidedix]

the issue has been fixed with @coreui/angular version 2.3.1

[martinwojtus]

works in versions 2.2.5 and 2.3.1, thanks @xidedix for fast response