nishantmc / angular-material-fileupload

A fileupload component based on angular-material design
MIT License
98 stars 77 forks source link

Cant build in prod mode #11

Open Jonesie opened 6 years ago

Jonesie commented 6 years ago

I get the following error doing a prod build - but it works fine in dev mode.

ERROR in : Unexpected value 'MatFileUploadModule in C:/dev/blah/src/blah/node_modules/angular-material-fileupload/matFileUpload.module.d.ts' imported by the module 'DesignModule in C:/dev/blah/src/blah/src/app/design/design.module.ts'. Please add a @NgModule annotation.

Latest version of fileupload and Angular 5.

speedandfunction-anri commented 6 years ago

+1

vrudikov commented 6 years ago

+1

rastographics commented 6 years ago

Exact same issue for me too.

Jonesie commented 6 years ago

I just included the source in my project rather than the NPM, works fine. However, I now get a circular reference warning:

WARNING in Circular dependency detected: src\app\comps\fileupload\matFileUploadQueue\matFileUploadQueue.component.ts -> src\app\comps\fileupload\matFileUpload\matFileUpload.component.ts -> src\app\comps\fileupload\matFileUploadQueue\matFileUploadQueue.component.ts

WARNING in Circular dependency detected: src\app\comps\fileupload\matFileUpload\matFileUpload.component.ts -> src\app\comps\fileupload\matFileUploadQueue\matFileUploadQueue.component.ts -> src\app\comps\fileupload\matFileUpload\matFileUpload.component.ts

vrudikov commented 6 years ago

I just included the source in my project rather than the NPM, works fine. However, I now get a circular reference warning

Same results

meredrica commented 6 years ago

+1

vikaskumar81 commented 6 years ago

+1

vikaskumar81 commented 6 years ago

ERROR in : Unexpected value 'MatFileUploadModule in node_modules/angular-material-fileupload/matFileUpload.module.d.ts' imported by the module 'CampaignModule in panel/src/app/campaign/campaign.module.ts'. Please add a @NgModule annotation.

imbipow commented 6 years ago

+1

jruizx commented 6 years ago
craiglonsdale commented 6 years ago

I moved this into an Angular 6 angular/cli project and it worked fine in the build process? When I finish the project I'm on i'll take a shit at seeing if I can resolve the issue.

devHamza commented 6 years ago

I'm on an Angular 6 project and I have the same issue ! any clue ?

Jonesie commented 6 years ago

I think one of us is going to have to fix this. 😎

Jonesie commented 6 years ago

That component looks awesome. Cheers!

On Tue, Jul 3, 2018 at 6:01 AM Hamza notifications@github.com wrote:

For me I switched to this one https://www.npmjs.com/package/angular2-image-upload (in my case I had to upload images only)

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nishantmc/angular-material-fileupload/issues/11#issuecomment-401962880, or mute the thread https://github.com/notifications/unsubscribe-auth/ADQwWbTrXSm8v92XRg7iZz9aMD1yAxw0ks5uCqZagaJpZM4TCznx .

andersonleite commented 6 years ago

+1

thomedw commented 6 years ago

+1

marcusrx commented 6 years ago

I'm on an angular6 project too with same issue, anyone has fixed this?

zhangsword commented 6 years ago

I met same issue.Any solution for this issue?

guernica0131 commented 6 years ago

+1

lovep34 commented 6 years ago

Did anyone resolve the issue? is there any hope?

Jonesie commented 6 years ago

Use another.

On Tue, Sep 25, 2018 at 1:55 PM lovep34 notifications@github.com wrote:

Did anyone resolve the issue? is there any hope?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nishantmc/angular-material-fileupload/issues/11#issuecomment-424228263, or mute the thread https://github.com/notifications/unsubscribe-auth/ADQwWcZlwcWAe_zenssz8GwL8doigs7pks5uedNqgaJpZM4TCznx .

chienka commented 6 years ago

I just included the source in my project rather than the NPM, works fine. However, I now get a circular reference warning:

WARNING in Circular dependency detected: src\app\comps\fileupload\matFileUploadQueue\matFileUploadQueue.component.ts -> src\app\comps\fileupload\matFileUpload\matFileUpload.component.ts -> src\app\comps\fileupload\matFileUploadQueue\matFileUploadQueue.component.ts

WARNING in Circular dependency detected: src\app\comps\fileupload\matFileUpload\matFileUpload.component.ts -> src\app\comps\fileupload\matFileUploadQueue\matFileUploadQueue.component.ts -> src\app\comps\fileupload\matFileUpload\matFileUpload.component.ts

angular.json file please add option follow by { "projects": { "my-project": { "architect": { "build": { "options": { "showCircularDependencies": false } } } } } }

Zuckabub commented 6 years ago

+1

sarahosama commented 5 years ago

+1

gvdmiero commented 5 years ago

+1 I am working on an Angular 7 project and have the same issue.

MVTec commented 5 years ago

you could disable the warning being displayed , in angular.json "build": { "builder": "@angular-devkit/build-angular:browser", "options": { .. "showCircularDependencies": false, }

arasan-augment commented 5 years ago

+1 Any solutions? I can't build using --prod. I got the below error

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'

arasan-augment commented 5 years ago

+1

paolodina commented 5 years ago

please help, same issue here.

  "dependencies": {
    "@angular/animations": "~8.1.0",
    "@angular/cdk": "^8.1.1",
    "@angular/common": "^8.1.2",
    "@angular/compiler": "~8.1.0",
    "@angular/core": "^8.1.2",
    "@angular/flex-layout": "^8.0.0-beta.26",
    "@angular/forms": "~8.1.0",
    "@angular/material": "^8.1.1",
    "@angular/material-moment-adapter": "^8.1.3",
    "@angular/platform-browser": "~8.1.0",
    "@angular/platform-browser-dynamic": "~8.1.0",
    "@angular/router": "~8.1.0",
    "@auth0/angular-jwt": "^3.0.0",
    "@mat-datetimepicker/core": "^2.0.1",
    "@mat-datetimepicker/moment": "^2.0.1",
    "@material/button": "^3.1.0",
    "@material/card": "^3.1.0",
    "@material/form-field": "^3.1.0",
    "@material/grid-list": "^3.1.0",
    "@material/layout-grid": "^3.1.0",
    "@material/textfield": "^3.1.0",
    "angular-material-fileupload": "^2.0.0",
    "chroma-js": "^2.0.6",
    "croppie": "^2.6.4",
    "hammerjs": "^2.0.8",
    "jwt-decode": "^2.2.0",
    "moment": "^2.24.0",
    "ng-image-slider": "^2.0.1",
    "ng-pick-datetime": "^7.0.0",
    "ngx-countdown": "^8.0.1",
    "ngx-cropper": "^2.0.0-beta",
    "ngx-croppie": "^3.0.0",
    "ngx-image-cropper": "^1.4.1",
    "ngx-material-timepicker": "^4.0.2",
    "rxjs": "^6.4.0",
    "rxjs-compat": "^6.5.2",
    "tslib": "^1.9.0",
    "yarn": "^1.17.3",
    "zone.js": "~0.9.1"
  },
garg10may commented 4 years ago

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'.

ChaitanyaBabar commented 4 years ago

I am also getting the same Error for angular version 7.2.15. @nishantmc Can you please have a look or let us know the workaround.