Error importing WpApiModule / and AOT

[klihelp]

import { WpApiModule } from 'wp-api-angular';

ERROR in Error encountered resolving symbol values statically. Calling function 'WpApiModule', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in /Users/mac/../src/app/app.module.ts

ref: angular/angular-cli#3707

[klihelp]

Manual editing fix in wp-api-angular.d.ts:

ps - from npm install wp-api-angular the project looks older than at develop branch ..

export declare class WpApiModule {
    // static initializeApp(config: WpApiAppConfig): ModuleWithProviders;
    static initializeApp(config: WpApiAppConfig): ModuleWithProviders {
    	return {
			ngModule: WpApiModule,
			providers: [
			]
		}
	}
}

[klihelp]

The above changes works with angular JIT compilation, but not with AOT.

[at-loader] Checking finished with 1 errors
[at-loader] node_modules/wp-api-angular/wp-api-angular.d.ts:22:71 
    An implementation cannot be declared in ambient contexts. 

[shprink]

checking, thanks for reporting

[shprink]

I released beta3, it should fix the AoT. Upgrade, try and let me know :)

[klihelp]

Still the same error:

Starting compilation using the angular compiler.
Angular compilation done, starting webpack bundling.
Error: Error encountered resolving symbol values statically.
Calling function 'WpApiModule', function calls are not supported.
Consider replacing the function or lambda with a reference 
to an exported function, resolving symbol AppModule in ..

[shprink]

Are you sure you have beta3?

I can now run the following command:

$ ng build --aot
Hash: 6a207f80a1a31c8def16
Time: 11483ms
chunk    {0} main.bundle.js, main.bundle.map (main) 61.6 kB {2} [initial] [rendered]
chunk    {1} styles.bundle.css, styles.bundle.map, styles.bundle.map (styles) 1.77 kB {3} [initial] [rendered]
chunk    {2} vendor.bundle.js, vendor.bundle.map (vendor) 2.02 MB [initial] [rendered]
chunk    {3} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]

before beta3 I had:

ERROR in Error encountered resolving symbol values statically. Calling function 'WpApiModule', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in /Users/julienrenaux/Sites/wp-api-angularjs/aot/src/app/app.module.ts, resolving symbol AppModule in /Users/julienrenaux/Sites/wp-api-angularjs/aot/src/app/app.module.ts

[klihelp]

yes, I have manually checked package.json.

I use with this webpack based starter project:
https://github.com/Websitescity/ng2-f6-starter

[shprink]

ok thanks for sharing, I am going to try on this too!

[shprink]

I can reproduce, this will help me fixing it thanks!

[shprink]

should be fine with beta4. please try and let me know

[shprink]

@klihelp can we close?

[klihelp]

I am getting an error on 3.0.0-beta4, issue #20

[shprink]

beta5 now works with Angular CLI but not on you startup project and Ionic CLI. On it..

[shprink]

well actually it works on your project too. please confirm

[shprink]

beta6 works on all cases. please try

[klihelp]

Thanks for your project. All works now.

[shprink]

Finally!

[klihelp]

Just for a reading about aot (for new visitors):
https://github.com/rangle/angular-2-aot-sandbox
https://github.com/UltimateAngular/aot-loader
https://github.com/UltimateAngular/rollup-plugin-aot