CirclonGroup / angular-tree-component

A simple yet powerful tree component for Angular (>=2)
https://angular2-tree.readme.io/docs
MIT License
1.09k stars 490 forks source link

Error when build with AOT #596

Closed Xen3r0 closed 4 years ago

Xen3r0 commented 6 years ago

Hi,

I have a application Angular 5, Angular CLI 1.7.3 with angular-tree-component 7.1.0 and i have a problem with build:

node --max_old_space_size=4096 ./node_modules/@angular/cli/bin/ng build --prod --aot=true --sourcemap --vendor-chunk --common-chunk

Date: 2018-03-14T10:46:32.074Z
Hash: 1a8aec0f2c32a1239d21 Time: 16952ms chunk {scripts} scripts.479b3fdfefacf288bfd3.bundle.js, scripts.479b3fdfefacf288bfd3.bundle.js.map (scripts) 1.58 MB [initial] [rendered] chunk {0} styles.91d5058a6fd2a8928b0d.bundle.css, styles.91d5058a6fd2a8928b0d.bundle.css.map (styles) 746 kB [initial] [rendered] chunk {1} polyfills.997d8cc03812de50ae67.bundle.js, polyfills.997d8cc03812de50ae67.bundle.js.map (polyfills) 150 bytes [initial] [rendered] chunk {2} main.ee32620ecd1edff94184.bundle.js, main.ee32620ecd1edff94184.bundle.js.map (main) 145 bytes [initial] [rendered] chunk {3} inline.318b50c57b4eba3d437b.bundle.js, inline.318b50c57b4eba3d437b.bundle.js.map (inline) 859 bytes [entry] [rendered]

WARNING in Invalid property name 'rx' at 13452:2. Ignoring.

ERROR in : Illegal state: Could not load the summary for directive MobxAutorunDirective in /home/manuel/public_html/winlassie-ihm/node_modules/mobx-angular/dist/directives/mobx-autorun.directive.d.ts.

My package.json:

{
  "name": "test",
  "version": "0.3.4",
  "description": "test",
  "scripts": {
    "ng": "ng",
    "build": "node --max_old_space_size=4096 ./node_modules/@angular/cli/bin/ng build --prod --aot=true --sourcemap --vendor-chunk --common-chunk --verbose",
    "lint": "tslint ./src/**/*.ts -t verbose",
    "postinstall": "typings install && node ./scripts/postinstall.js",
    "start": "ng serve --watch",
    "test": "ng test --single-run",
    "test:coverage": "ng test --single-run --sourcemap --browsers=PhantomJS --code-coverage",
    "test:watch": "ng test --single-run --watch",
    "test:phantomjs": "ng test --single-run --sourcemap --browsers=PhantomJS",
    "test:jenkins": "ng test --config=karma-jenkins.conf.js --single-run --browsers=bs_firefox47_win7,bs_chrome49_win7,bs_ie10_7,bs_edge13_win10",
    "typings": "typings"
  },
  "dependencies": {
    "@angular/animations": "^5.2.8",
    "@angular/cdk": "^5.2.3",
    "@angular/common": "^5.2.8",
    "@angular/compiler": "^5.2.8",
    "@angular/core": "^5.2.8",
    "@angular/forms": "^5.2.8",
    "@angular/http": "^5.2.8",
    "@angular/material": "^5.2.3",
    "@angular/platform-browser": "^5.2.8",
    "@angular/platform-browser-dynamic": "^5.2.8",
    "@angular/router": "^5.2.8",
    "@angular/upgrade": "^5.2.8",
    "@auth0/angular-jwt": "^1.0.0-beta.10",
    "@biesbjerg/ngx-translate-po-http-loader": "^3.0.1",
    "@claviska/jquery-minicolors": "git+https://github.com/Xen3r0/jquery-minicolors.git#16bef5d",
    "@ng-bootstrap/ng-bootstrap": "^1.0.1",
    "@ngx-translate/core": "^9.1.1",
    "@swimlane/ngx-datatable": "^11.2.0",
    "@uirouter/angular-hybrid": "3.1.9",
    "angular": "^1.6.9",
    "angular-animate": "^1.6.9",
    "angular-dynamic-locale": "~0.1.32",
    "angular-fixed-table-header": "^0.2.1",
    "angular-gettext": "~2.3.10",
    "angular-gridster": "~0.13.14",
    "angular-http-auth": "~1.5.0",
    "angular-i18n": "^1.6.9",
    "angular-jwt": "~0.0.9",
    "angular-messages": "^1.6.9",
    "angular-minicolors": "git://github.com/Xen3r0/angular-minicolors.git#ec23ec9",
    "angular-mocks": "^1.6.9",
    "angular-moment": "^1.0.1",
    "angular-multi-step-form": "~1.3.0",
    "angular-sanitize": "^1.6.9",
    "angular-summernote": "~0.8.1",
    "angular-tree-component": "^7.1.0",
    "angular-truncate-2": "~0.4.2",
    "angular-ui-bootstrap": "~2.5.0",
    "angular-ui-grid": "^3.2.9",
    "angular-ui-mask": "^1.8.7",
    "angular-ui-tree": "git://github.com/Xen3r0/angular-ui-tree.git#ac8b14f",
    "angular-ui-tree-filter": "~0.1.1",
    "angular-underscorejs": "git://github.com/Xen3r0/angular-underscorejs.git",
    "angular2-text-mask": "^8.0.4",
    "angularjs-toaster": "~1.2.0",
    "animate.css": "~3.2.0",
    "awesome-bootstrap-checkbox": "^0.3.7",
    "bootstrap": "~3.3.7",
    "bootstrap-datepicker": "^1.6.1",
    "bootstrap-tour": "^0.11.0",
    "chart.js": "2.1.3",
    "clockpicker": "^0.0.7",
    "core-js": "^2.4.1",
    "d3": "^3.3.8",
    "faye-server": "0.0.1",
    "file-saver": "^1.3.3",
    "font-awesome": "^4.6.3",
    "fullcalendar": "^3.9.0",
    "intl": "^1.2.5",
    "javascript-detect-element-resize": "git://github.com/flytreeleft/javascript-detect-element-resize.git#6756ef3",
    "jquery": "~3.1.1",
    "jquery-slimscroll": "^1.3.8",
    "jquery-ui": "~1.12.1",
    "jshint-stylish": "^2.0.1",
    "jsrsasign": "^7.1.4",
    "keycloak-angular": "^1.2.4",
    "keycloak-js": "^3.4.3",
    "locutus": "^2.0.9",
    "lodash": "^4.17.5",
    "mathjs": "^3.20.2",
    "mermaid": "^6.0.0",
    "metismenu": "~2.5.0",
    "moment": "~2.18.1",
    "moment-timezone": "~0.5.13",
    "ng-annotate-webpack-plugin": "~0.2.1-pre",
    "ng-bootstrap-to-bootstrap-3": "^0.7.0",
    "ng-device-detector": "^3.0.1",
    "ng-file-upload": "^11.2.3",
    "ng-idle": "^1.0.4",
    "ng-table": "^0.8.3",
    "ngstorage": "~0.3.11",
    "ngx-bootstrap": "^2.0.2",
    "ngx-toastr": "^6.5.0",
    "oclazyload": "^1.1.0",
    "pace": "git://github.com/Xen3r0/pace.git",
    "rxjs": "^5.4.2",
    "shx": "^0.2.2",
    "summernote": "^0.8.9",
    "sweetalert2": "4.0.9",
    "underscore": "~1.8.3",
    "url-polyfill": "^1.0.11",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "^1.7.3",
    "@angular/compiler-cli": "^5.2.8",
    "@angular/language-service": "^5.2.8",
    "@types/angular": "^1.6.42",
    "@types/cli": "^0.11.19",
    "@types/core-js": "~0.9.43",
    "@types/jasmine": "^2.8.6",
    "@types/jasminewd2": "~2.0.2",
    "@types/jquery": "~3.2.14",
    "@types/locutus": "0.0.5",
    "@types/lodash": "^4.14.102",
    "@types/mathjs": "^0.0.35",
    "@types/node": "~6.0.60",
    "awesome-typescript-loader": "^3.3.0",
    "bower-npm-resolver": "^0.7.0",
    "code-prettify": "^0.1.0",
    "codelyzer": "~3.2.0",
    "codemirror": "^5.34.0",
    "grunt": "^0.4.5",
    "grunt-angular-gettext": "~2.1.3",
    "grunt-angular-templates": "^0.5.7",
    "grunt-autoprefixer": "^3.0.3",
    "grunt-cli": "^1.2.0",
    "grunt-concurrent": "^2.0.3",
    "grunt-contrib-clean": "^0.6.0",
    "grunt-contrib-compress": "~1.4.1",
    "grunt-contrib-concat": "^0.5.1",
    "grunt-contrib-connect": "^1.0.2",
    "grunt-contrib-copy": "^0.8.0",
    "grunt-contrib-cssmin": "^0.12.3",
    "grunt-contrib-htmlmin": "^2.4.0",
    "grunt-contrib-imagemin": "^0.9.4",
    "grunt-contrib-jshint": "^0.11.2",
    "grunt-contrib-less": "~1.4.0",
    "grunt-contrib-uglify": "^2.3.0",
    "grunt-contrib-watch": "^0.6.1",
    "grunt-filerev": "^2.3.1",
    "grunt-jscs": "~3.0.1",
    "grunt-karma": "~0.12.1",
    "grunt-newer": "^1.1.1",
    "grunt-ng-annotate": "^1.0.1",
    "grunt-ngdocs": "^0.2.11",
    "grunt-pages-json-gettext": "~0.1.2",
    "grunt-pages-json-uirouter": "^0.1.0",
    "grunt-replace": "~0.11.0",
    "grunt-translate-extract": "0.0.2",
    "grunt-usemin": "^3.1.1",
    "grunt-wiredep": "^2.0.0",
    "html-loader": "~0.4.5",
    "html-webpack-plugin": "~2.28.0",
    "http-server": "~0.9.0",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-browserstack-launcher": "^1.2.0",
    "karma-chrome-launcher": "~0.2.2",
    "karma-cli": "~1.0.1",
    "karma-coverage": "~1.0.0",
    "karma-coverage-istanbul-reporter": "^1.4.2",
    "karma-firefox-launcher": "^0.1.7",
    "karma-ie-launcher": "^1.0.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-ng-html2js-preprocessor": "~0.2.0",
    "karma-phantomjs-launcher": "~1.0.0",
    "karma-safari-launcher": "^1.0.0",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-verbose-reporter": "0.0.6",
    "karma-webpack": "^2.0.13",
    "less-plugin-autoprefix": "~1.5.1",
    "load-grunt-tasks": "^3.2.0",
    "phantomjs": "~1.9.19",
    "protractor": "~5.1.2",
    "rimraf": "~2.6.1",
    "systemjs": "~0.20.12",
    "systemjs-plugin-css": "~0.1.33",
    "ts-loader": "~2.0.3",
    "ts-node": "~3.2.0",
    "tslint": "^5.8.0",
    "typescript": "~2.7.2",
    "typings": "~2.1.1",
    "wiredep": "~3.0.0"
  }
}

Any idea ?

Thanks

anatha commented 6 years ago

Same here. The bug seems to come from the clean-css package (that is used by angular-cli).

Happens also on with angular-cli 1.7.2, doesn't happen when using 1.6.8 It also looks like angular-cli 1.6.8 does not use clean-css.

Gillardo commented 6 years ago

Any news on this, i am getting the error as so, i have downgraded from cli 1.7.4 to 1.6.8 and it still occurs. Only get this error on modules i have referenced the tree-component

image

I am using tree-component version 7.1.0