Base solution for your next web application
Open Closed

Error when build net core with production mode #7393


User avatar
0
HIPT created

Hi !

I have one web application with ASPNETZERO version 6.1 with Angular and .Net Core.

Your global Angular CLI version (8.1.2) is greater than your local version (6.2.6). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

 _                      _                 ____ _     ___
/ \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

/ △ \ | '_ \ / | | | | |/ _ | '__| | | | | | | / ___ | | | | (| | || | | (| | | | || |___ | | __// __| ||_, |_,||_,|| _||_| |___/

Angular CLI: 6.2.6 Node: 10.14.2 OS: win32 x64 Angular: 6.1.10 ... animations, common, compiler, compiler-cli, core, forms ... http, platform-browser, platform-browser-dynamic ... platform-server, router

Package Version

@angular-devkit/architect 0.7.5 @angular-devkit/build-angular 0.7.5 @angular-devkit/build-optimizer 0.7.5 @angular-devkit/build-webpack 0.7.5 @angular-devkit/core 0.7.5 @angular-devkit/schematics 0.8.6 @angular/cdk 6.4.7 @angular/cli 6.2.6 @ngtools/webpack 6.1.5 @schematics/angular 0.8.6 @schematics/update 0.8.6 rxjs 6.3.3 typescript 2.9.2 webpack 4.9.2

When I build my project with production mode: ng build --prod --aot It throw an error like

chunk {1061} main.b2b2114eaf429df07ff5.js (main) 3.65 MB [initial] [rendered]

ERROR in scripts.532ee4dca8b79d5176fa.js from UglifyJs undefined

The same error when build with command: node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --configuration="production"

But when I build by command: ng build --sourceMap=false It build successful.

My package.json here

{ _  "name": "abp-zero-template",_ _  "version": "6.1.0",_ _  "license": "MIT",_ _  "angular-cli": {},_ _  "scripts": {_ _    "ng": "ng",_ _    "publish": "ng build --prod",_ _    "start": "ng serve --host 0.0.0.0 --port 4200",_ _    "hmr": "ng serve --host 0.0.0.0 --port 4200 --hmr",_ _    "test": "ng test",_ _    "pree2e": "webdriver-manager update --standalone false --gecko false",_ _    "e2e": "protractor"_ _  },_ _  "private": false,_ _  "dependencies": {_ _    "@angular/animations": "^6.1.8",_ _    "@angular/cdk": "^6.4.7",_ _    "@angular/common": "^6.1.8",_ _    "@angular/compiler": "^6.1.8",_ _    "@angular/core": "^6.1.8",_ _    "@angular/forms": "^6.1.8",_ _    "@angular/http": "^6.1.8",_ _    "@angular/platform-browser": "^6.1.8",_ _    "@angular/platform-browser-dynamic": "^6.1.8",_ _    "@angular/platform-server": "^6.1.8",_ _    "@angular/router": "^6.1.8",_ _    "@aspnet/signalr": "^1.0.3",_ _    "@handsontable/angular": "^2.0.0",_ _    "@ng-bootstrap/ng-bootstrap": "^2.2.0",_ _    "@ng-select/ng-select": "^2.13.1",_ _    "@progress/kendo-angular-excel-export": "^2.4.0",_ _    "@progress/kendo-angular-l10n": "^1.4.0",_ _    "@swimlane/ngx-charts": "^9.0.0",_ _    "@types/bootstrap": "^4.1.3",_ _    "@types/jquery": "^3.3.24",_ _    "@types/jstree": "^3.3.37",_ _    "@types/tether": "1.4.4",_ _    "@types/toastr": "^2.1.35",_ _    "abp-ng2-module": "^3.2.2",_ _    "abp-web-resources": "^3.8.4",_ _    "angular-mentions": "^1.0.2",_ _    "angular-oauth2-oidc": "^4.0.3",_ _    "angular-tree-component": "^8.0.2",_ _    "angular2-counto": "^1.2.5",_ _    "angular2-text-mask": "^9.0.0",_ _    "animate.css": "3.6.1",_ _    "block-ui": "^2.70.1",_ _    "bootstrap": "^4.1.3",_ _    "bootstrap-daterangepicker": "^3.0.3",_ _    "bootstrap-hover-dropdown": "^2.2.1",_ _    "bootstrap-markdown": "^2.10.0",_ _    "bootstrap-notify": "^3.1.3",_ _    "bootstrap-select": "^1.13.5",_ _    "bootstrap-switch": "^3.3.4",_ _    "bootstrap-timepicker": "^0.5.2",_ _    "bootstrap-touchspin": "^4.2.5",_ _    "bootstrap4-datetimepicker": "^5.2.3",_ _    "chart.js": "^2.7.3",_ _    "chartist": "^0.11.0",_ _    "core-js": "^2.5.7",_ _    "devextreme": "19.1.3",_ _    "devextreme-angular": "19.1.3",_ _    "dropzone": "^5.5.1",_ _    "easy-pie-chart": "^2.1.7",_ _    "famfamfam-flags": "^1.0.0",_ _    "flot": "^0.8.0-alpha",_ _    "font-awesome": "^4.7.0",_ _    "handsontable": "^6.2.1",_ _    "i": "^0.3.6",_ _    "ion-rangeslider": "^2.2.0",_ _    "jquery": "^3.3.1",_ _    "jquery-form": "^4.2.2",_ _    "jquery-slimscroll": "^1.3.8",_ _    "jquery-sparkline": "^2.4.0",_ _    "jquery-validation": "^1.19.0",_ _    "jquery.flot.tooltip": "^0.9.0",_ _    "jquery.inputmask": "^3.3.4",_ _    "jquery.uniform": "^4.2.2",_ _    "js-cookie": "^2.2.0",_ _    "js-url": "^2.3.0",_ _    "jstree": "^3.3.7",_ _    "localforage": "^1.7.2",_ _    "lodash": "^4.17.11",_ _    "malihu-custom-scrollbar-plugin": "^3.1.5",_ _    "moment": "^2.22.2",_ _    "moment-timezone": "^0.5.21",_ _    "morris.js": "^0.5.0",_ _    "mustache": "^3.0.1",_ _    "ng-recaptcha": "^4.0.0",_ _    "ng-select": "^1.0.1",_ _    "ng2-file-upload": "^1.3.0",_ _    "ngx-bootstrap": "^3.0.1",_ _    "ngx-image-cropper": "^1.0.2",_ _    "ngx-perfect-scrollbar": "^6.3.1",_ _    "ngx-take-until-destroy": "^5.2.3",_ _    "npm": "^6.5.0",_ _    "object-path": "^0.11.4",_ _    "popper.js": "^1.14.6",_ _    "primeicons": "1.0.0-beta.10",_ _    "primeng": "^6.1.4",_ _    "prismjs": "^1.15.0",_ _    "push.js": "1.0.7",_ _    "quill": "^1.3.0",_ _    "rangeslider.js": "^2.3.2",_ _    "raphael": "^2.2.7",_ _    "rtl-detect": "^1.0.0",_ _    "rxjs": "^6.3.2",_ _    "rxjs-compat": "^6.5.2",_ _    "select2": "^4.0.6-rc.1",_ _    "simple-line-icons": "^2.4.1",_ _    "socicon": "^3.0.5",_ _    "spin.js": "^2.3.2",_ _    "stream": "0.0.2",_ _    "summernote": "^0.8.11",_ _    "sweetalert": "^2.1.2",_ _    "sweetalert2": "7.26.13",_ _    "tether": "^1.4.5",_ _    "text-mask-addons": "^3.8.0",_ _    "timeago": "^1.6.3",_ _    "toastr": "^2.1.4",_ _    "topojson": "^3.0.2",_ _    "ts-node": "~7.0.1",_ _    "typescript": "2.9.2",_ _    "underscore": "^1.9.1",_ _    "waypoints": "^4.0.1",_ _    "zone.js": "^0.8.26"_ _  },_ _  "devDependencies": {_ _    "@angular-devkit/build-angular": "~0.7.5",_ _    "@angular/cli": "^6.2.3",_ _    "@angular/compiler-cli": "^6.1.8",_ _    "@angularclass/hmr": "^2.1.3",_ _    "@angularclass/hmr-loader": "^3.0.4",_ _    "@types/jasmine": "~2.8.8",_ _    "@types/jasminewd2": "~2.0.2",_ _    "@types/lodash": "^4.14.116",_ _    "@types/moment": "^2.13.0",_ _    "@types/moment-timezone": "^0.5.9",_ _    "@types/node": "^10.10.3",_ _    "codelyzer": "^4.4.4",_ _    "jasmine-core": "~3.1.0",_ _    "jasmine-spec-reporter": "^4.2.1",_ _    "karma": "^2.0.5",_ _    "karma-chrome-launcher": "~2.2.0",_ _    "karma-cli": "~1.0.1",_ _    "karma-coverage-istanbul-reporter": "^2.0.4",_ _    "karma-jasmine": "~1.1.0",_ _    "karma-jasmine-html-reporter": "^1.3.1",_ _    "nswag": "^11.17.21",_ _    "protractor": "~5.4.1",_ _    "ts-node": "~3.3.0",_ _    "tslint": "~5.11.0",_ _    "typescript": "2.9.2"_ _  }_ }

How can I resolve it? Thanks !!!!


3 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    It seems similar to https://github.com/angular/angular-cli/issues/12506#issuecomment-454385699, could you check that ?

  • User Avatar
    0
    HIPT created

    I checked it and that infomation was not resolve it. I unistall @angular/cli angular-cli then install it again with latest version by command npm install -g @angular/cli@latest. After that, I create new repro with comamnd: ng new repro-app The error "This command can not be run inside of a CLI project." has been throwed.

    I build with producction mode again: ng build --prod The process throw an error:

    <--- Last few GCs --->

    [17016:000001B7A986B7E0] 150720 ms: Scavenge 1300.3 (1423.9) -> 1300.3 (1424.4) MB, 2.9 / 0.0 ms (average mu = 0.217, current mu = 0.046) allocation failure [17016:000001B7A986B7E0] 151124 ms: Mark-sweep 1300.4 (1424.4) -> 1300.4 (1424.9) MB, 403.6 / 0.0 ms (average mu = 0.120, current mu = 0.010) allocation failure GC in old space requested

    <--- JS stacktrace --->

    ==== JS stack trace =========================================

    0: ExitFrame [pc: 000002497C65C5C1]
    1: StubFrame [pc: 000002497C64BAB6]
    

    Security context: 0x02510c81e6e1 <JSObject> 2: replace [000002510C8105E1](this=0x01248c323d09 <Very long string[3148853]>,0x005481acdcc1 <JSRegExp <String[18]: [<>/\u2028\u2029]>>,0x005481acdd39 <JSFunction escapeUnsafeChars (sfi = 00000303B1DBBFF9)>) 3: serialize(aka serialize) [00000303B1DBC5A1] .

    FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 1: 00007FF6D93608AA v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+4810 2: 00007FF6D9339C46 node::MakeCallback+4518 3: 00007FF6D933A630 node_module_register+2160 4: 00007FF6D95CAA4E v8::internal::FatalProcessOutOfMemory+846 5: 00007FF6D95CA97F v8::internal::FatalProcessOutOfMemory+639 6: 00007FF6D9B08984 v8::internal::Heap::MaxHeapGrowingFactor+11476 7: 00007FF6D9AFF0E7 v8::internal::ScavengeJob::operator=+25543 8: 00007FF6D9AFD65C v8::internal::ScavengeJob::operator=+18748 9: 00007FF6D9B065D7 v8::internal::Heap::MaxHeapGrowingFactor+2343 10: 00007FF6D9B06656 v8::internal::Heap::MaxHeapGrowingFactor+2470 11: 00007FF6D96A90DB v8::internal::Factory::AllocateRawWithImmortalMap+59 12: 00007FF6D96ABBDD v8::internal::Factory::NewRawTwoByteString+77 13: 00007FF6D98BFC68 v8::internal::Smi::SmiPrint+536 14: 00007FF6D95BDF5B v8::internal::StringHasher::UpdateIndex+219 15: 00007FF6D9766C5B v8::internal::wasm::WasmInterpreter::Thread::Step+38283 16: 000002497C65C5C1

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    It is hard to detect the problem with this error message. Is it possible for you to share your Angular project with us via email ?

    Thanks,