Unable to use videogular2 with angular 2.0.2

[cindyliu-yb]

Description

I can use videogular2 with angular 2.0.0, but once I update angular to 2.0.2. It gave me this error that "Unexpected value 'VgCore' imported by the module 'MainModule'".

Expected Behavior

VgCore successfully imported into the MainModule

Actual Behavior

VgCore can't be imported

Steps to Reproduce

1. Create a simple angular2 webpack starter project which bootstraps MainModule with only a main component.
2. npm install videoangular and import it into MainModule

Attachments

Thanks in advance!!!

[digitalkaoz]

same here

[opiepj]

Having the same issue with Angular 2.1.0

[digitalkaoz]

It was solved for me when i deleted the hardcoded pinned angular 2.0.0
packages below this package in node_modules

Patrick Opie [email protected] schrieb am Do., 13. Okt. 2016,
23:32:

Having the same issue with Angular 2.1.0

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#249 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAR612cOqHj5XnOn-OoqZZPABJCTjPQOks5qzqNNgaJpZM4KTfiF
.

[cindyliu-yb]

@digitalkaoz hey, what do you mean by hardcoded pinned angular2.0.0 packages? Below are the files in the videogular2 folder.

[Elecash]

@cindyliu-yb I think that @digitalkaoz is refering to this PR https://github.com/videogular/videogular2/pull/251/files

[cindyliu-yb]

I tried this. It still does not work for me :(

[digitalkaoz]

the node_modules folder below videogular2 in your node_modules

[comoris]

having the same issue/error message.
installed angular cli 1.0.0-beta.17,
updated angular to "2.1.0" in my node_modules
npm i videogular2
cd to videogular2 module
updated package.json file in videogular2 to angular "2.1.0" & removed node modules
npm i in videogular2
import {VgCore} from 'videogular2/core'
... as described

btw no issues with 2.0.0

[Elecash]

According to this thread it seems a problem with Angular CLI: angular/angular-cli#2291

You can update the Angular CLI or if you want to fix it locally add this to your webpack config:

module.exports = {
  resolve: { 
    modules: [ path.join(__dirname, "node_modules") ]
  }
};

I'll update the https://github.com/videogular/videogular2-starter repo too.

[comoris]

thanks @Elecash,
I'm using the latest cli version (1.0.0-beta.17), not sure where to add the resolve in angular cli.
(considering switching to the starter for the moment).

[Elecash]

@comoris seems that this fix was made 6 days ago and Angular CLI 1.0.0-beta.17 was released 10 days ago, so maybe we need to wait to beta.18.

[digitalkaoz]

so beta-18 is out, and it works here

[comoris]

yes, works like a charm, thks

[Elecash]

Thanks for confirming @comoris

[cindyliu-yb]

yes it works now! thanks!

[scottopolis]

Hello, I'm using angular-cli: 1.0.0-beta.19-3 and still seeing this error. I am on the latest version of Ionic 2 and ionic-app-scripts, here is the error:

Uncaught Error: Unexpected value 'VgCore' imported by the module 'AppModule'(…) webpack:///./~/@angular/compiler/src/metadata_resolver.js?:241

Any help is appreciated, thanks!

[Elecash]

@scottopolis we moved the https://github.com/videogular/videogular2-starter to angular-cli.

AOT compilation is working for me in that repo.