Can't build using --prod

[arasan-augment]

I got the below error message while making build using --prod. It's working for me in dev mode.

ERROR in ../angular-material-fileupload/matFileUpload.module.ts(13,2): Error during template compile of 'MatFileUploadModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'NgModule' 'NgModule' calls 'ɵmakeDecorator'. node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'. node_modules/angular-material-fileupload/node_modules/@angular/core/src/linker/query_list.d.ts(36,22): error TS1039: Initializers are not allowed in ambient contexts. node_modules/angular-material-fileupload/node_modules/@angular/core/src/application_init.d.ts(26,21): error TS1039: Initializers are not allowed in ambient contexts. node_modules/angular-material-fileupload/node_modules/@angular/core/src/ivy_switch.d.ts(8,54): error TS1254: A 'const' initializer in an ambient context must be a string or numeric literal. node_modules/angular-material-fileupload/node_modules/@angular/core/src/ivy_switch.d.ts(9,35): error TS1254: A 'const' initializer in an ambient context must be a string or numeric literal. node_modules/angular-material-fileupload/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'. node_modules/angular-material-fileupload/node_modules/@angular/common/http/src/response.d.ts(253,21): error TS1039: Initializers are not allowed in ambient contexts. node_modules/angular-material-fileupload/node_modules/@angular/common/http/src/response.d.ts(259,19): error TS1039: Initializers are not allowed in ambient contexts.

Kindly resolve this ASAP. Thanks in advance!

[nishantmc]

Hi @arasan-augment , Please share the deps in package.json.

[arasan-augment]

Hi @nishantmc This is my deps and devdeps in package.json

"dependencies": { "@agm/core": "1.0.0-beta.2", "@angular/animations": "~5.2.9", "@angular/cdk": "~5.2.4", "@angular/common": "~5.2.9", "@angular/compiler": "~5.2.9", "@angular/core": "~5.2.9", "@angular/flex-layout": "~5.0.0-beta.13", "@angular/forms": "~5.2.9", "@angular/http": "~5.2.9", "@angular/material": "~5.2.4", "@angular/material-moment-adapter": "^7.0.2", "@angular/platform-browser": "~5.2.9", "@angular/platform-browser-dynamic": "~5.2.9", "@angular/router": "~5.2.9", "@angular/service-worker": "~5.2.9", "@swimlane/ngx-datatable": "^11.2.0", "@swimlane/ngx-dnd": "^6.0.0", "@types/hammerjs": "^2.0.35", "@types/underscore": "^1.8.8", "angular-colorbox": "^1.1.5", "angular-google-place": "0.0.3", "angular-material-fileupload": "^2.0.0", "angular-star-rating": "^4.0.0-beta.3", "angular2-moment": "^1.9.0", "angularfire2": "^5.0.0-rc.6.0", "async": "^2.6.0", "class-transformer": "^0.1.9", "core-js": "^2.5.3", "css-star-rating": "^1.2.4", "d3": "^4.13.0", "es6-shim": "^0.35.3", "express": "^4.16.3", "firebase": "^5.5.8", "forever-monitor": "^1.7.1", "hammerjs": "^2.0.8", "keyboardevent-key-polyfill": "^1.1.0", "mdi": "^2.1.99", "moment": "^2.22.2", "ng2-charts": "^1.6.0", "ng2-expanding-table": "^1.5.2", "ng2-image-compress": "1.0.17", "ngx-breadcrumbs": "0.0.3", "ngx-chips": "^1.8.2", "ngx-infinite-scroll": "^6.0.1", "ngx-owl-carousel": "^2.0.7", "ngx-perfect-scrollbar": "^5.3.5", "ngx-quill": "^2.2.0", "node-sass": "^4.10.0", "normalize.css": "^8.0.0", "npm": "^6.4.1", "ol": "^4.6.5", "reflect-metadata": "^0.1.12", "rxjs": "^5.5.7", "screenfull": "^3.3.2", "script-loader": "^0.7.2", "time-ago-pipe": "^1.3.2", "underscore": "^1.8.3", "xlsx": "^0.14.1", "zone.js": "^0.8.20" }, "devDependencies": { "@angular-devkit/build-angular": "~0.10.0", "@angular/cli": "^7.0.6", "@angular/compiler-cli": "^5.2.10", "@angular/language-service": "^5.2.9", "@compodoc/compodoc": "^1.0.9", "@types/node": "^9.4.7", "@types/underscore": "^1.8.8", "angular-ide": "^0.9.39", "codelyzer": "^4.2.1", "hads": "^1.6.1", "protractor": "^5.3.0", "ts-node": "^5.0.1", "tslint": "^5.9.1", "typescript": "^2.6.2" }

[tobias47n9e]

Possible duplicate of #11

[danjodesigns]

Any fix on this? The above didn't do it for me! I'm using angular 8

[danjodesigns]

ERROR in Error during template compile of 'NgModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Can't export value MatFileUploadModule in C:/Dev/ppc.cms.client/node_modules/angular-material-fileupload/matFileUpload.module.d.ts from AppMaterialModule in C:/Dev/ppc.cms.client/src/app/app-material.module.ts as it was neither declared nor imported! Error during template compile of 'Component' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'NgModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'NgModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'NgModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'NgModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Injectable' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Component' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Pipe' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Error during template compile of 'Directive' Function calls are not supported in decorators but 'ɵmakeDecorator' was called. Can't bind to 'fileUploadInputFor' since it isn't a known property of 'div'. (" <div *ngSwitchCase="'upload'"> <div [ERROR ->][fileUploadInputFor]="fileUploadQueue" class="content-form__file-drop"> Just drag and dro") Can't bind to 'fileAlias' since it isn't a known property of 'mat-file-upload-queue'.

1. If 'mat-file-upload-queue' is an Angular component and it has 'fileAlias' input, then verify that it is part of this module.
2. If 'mat-file-upload-queue' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("class="content-form__file-loader file__loader"> <mat-file-upload-queue #fileUploadQueue [ERROR ->][fileAlias]="'file'" [httpUrl]="url"> <div *ngIf="!hasUploadedSuccessfully && !isComple") Can't bind to 'httpUrl' since it isn't a known property of 'mat-file-upload-queue'.
4. If 'mat-file-upload-queue' is an Angular component and it has 'httpUrl' input, then verify that it is part of this module.
5. If 'mat-file-upload-queue' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
6. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("file-loader file__loader"> <mat-file-upload-queue #fileUploadQueue [fileAlias]="'file'" [ERROR ->][httpUrl]="url"> <div *ngIf="!hasUploadedSuccessfully && !isComplete"> ") Can't bind to 'file' since it isn't a known property of 'mat-file-upload'.
7. If 'mat-file-upload' is an Angular component and it has 'file' input, then verify that it is part of this module.
8. If 'mat-file-upload' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
9. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ploadedSuccessfully && !isComplete"> <mat-file-upload (onUpload)="onUpload($event)" [ERROR ->][file]="file" [id]="i" *ngFor="let file of fileUploadQueue.files; let i = index"></") 'mat-file-upload' is not a known element:
10. If 'mat-file-upload' is an Angular component, then verify that it is part of this module.
11. If 'mat-file-upload' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("httpUrl]="url"> <div *ngIf="!hasUploadedSuccessfully && !isComplete"> [ERROR ->]<mat-file-upload (onUpload)="onUpload($event)" [file]="file" [id]="i" *ngFor="let f") 'mat-file-upload-queue' is not a known element:
12. If 'mat-file-upload-queue' is an Angular component, then verify that it is part of this module.
13. If 'mat-file-upload-queue' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
    [ERROR ->]<mat-file-upload-queue #fileUploadQueue [fileAlias]="'file'" [httpUrl]="url"> <div *ngI")

[thanhvt]

Anyone has fix for this ???

[ishamfazal]

does anyone has a solution for this? apart from using this command ng build --prod --aot=false --build-optimizer=false . thanks in advance