Error: Unexpected value '...' imported by the module 'AppModule'

[geneeblack]

Running under Angular 2 release and when adding JsonApiModule to the imports in app.module.ts I get the following error in the browser:

zone.js:129 Uncaught Error: Unexpected value 'NgaModule' imported by the module 'AppModule'

It seems that after I add JsonApiModule to the app imports it invalidates other imports, not sure if this is an issue with this module or the other but I don't have the issue unless I add JsonApiModule to the app imports

[ghidoz]

Mmm, if it's saying NgaModule maybe you just have a typo in your code, can be? It should be NgModule.

[geneeblack]

that's one of the other imports that I am doing that works when I am not adding JsonApiModule

import { JsonApiModule } from 'angular2-jsonapi';

@NgModule({
  bootstrap: [App],
  declarations: [
    App
  ],
  imports: [ // import Angular's modules
    BrowserModule,
//    JsonApiModule,
    HttpModule,
    RouterModule,
    FormsModule,
    ReactiveFormsModule,
    NgaModule,
    PagesModule,
    routing,
    JsonpModule,
    AngularFireModule.initializeApp(myFirebaseConfig, myFirebaseAuthConfig)
  ],
  providers: [ // expose our Services and Providers into Angular's dependency injection
    ENV_PROVIDERS,
    APP_PROVIDERS
  ]
})

the original source for this project is https://github.com/akveo/ng2-admin development branch

[geneeblack]

this may not be relevant to the existing committed code on master, since the version installed from

npm install angular2-jsonapi --save

differs significantly from the latest commits here

[ghidoz]

The last commits on master are very little and are not relevant. The version on NPM is the one tagged with v3.0.0 here.

Maybe you can try to downgrade to v2.0.0 and see if you get the same error.

[geneeblack]

It seems to have something to do with the providers: [PROVIDERS] declaration in angular2-jsonapi/module.ts (running with the downloaded source from master). If I remove that it does not err. If I then add it to the PROVIDERS declaration in app.module.ts providers and remove the JsonApiModule import it fails in the same way, stepping on other module imports. I don;t see anything obvious in the PROVIDERS reference, but it seems to be the origin of the issue that I am having.

[HennerM]

I had the same issue, I think there is some problem with the decorators.

I worked around this by importing the angular2-jsonapi package before all angular packages with import "angular2-jsonapi" in main.ts

[geneeblack]

That did it, thanks!

[ghidoz]

It seems to have something to do with the providers: [PROVIDERS] declaration in angular2-jsonapi/module.ts (running with the downloaded source from master). If I remove that it does not err.

Maybe the problem is that the NgaModule uses the same name for exporting providers. I can try to rename it.

[geneeblack]

I tried doing that with the source I downloaded (I changed PROVIDERS to JSONAPIPROVIDERS). I still had some type of issue going on after the change (same error with the import of other modules) Loading the source higher in the load order worked for now, not sure what the long term fix is.

[GhEllie]

Hi,
I have upgraded my project with the final version of Angular2 and install the latest version of Json-api

when I want to import JsonApiModule in my AppModule, I have the error like this:
Unexpected value 'SharedModule' imported by the module 'AppModule'

here is the full imports part of the app which worked fine without JsonApiModule:
imports: [JsonApiModule,
BrowserModule, ReactiveFormsModule,
SharedModule, UnderDevelopmentModule, MarketReporterModule, routing
],

I am using the latest version of Json-Api :
"angular2-jsonapi": "3.1.1",

[ghidoz]

I have searched online and it seems to be a problem with the webpack configuration of the Angular CLI:
angular/angular#11438
angular/angular-cli#2291

Are you actually using Angular CLI?