ng-xi18n fails(aot support)

[crain]

This repository's issues are reserved for feature requests and bug reports.

Bug Report

• Clone current covalent quickstart(https://github.com/Teradata/covalent-quickstart)
• Run npm install
• Run ./node_modules/.bin/ng-xi18n

What is the expected behavior?

No error

Which version of Angular and Material, and which browser and OS does this issue affect?

OS: Windows 10

Other information

Error: Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in C:/dev/covalent-quickstart/src/app/app.module.ts, resolving symbol AppModule in C:/dev/covalent-quickstart/src/app/app.module.ts
at simplifyInContext (C:\dev\covalent-quickstart\node_modules@angular\compiler-cli\src\static_reflector.js:470:23)
at StaticReflector.simplify (C:\dev\covalent-quickstart\node_modules@angular\compiler-cli\src\static_reflector.js:473:22)
at StaticReflector.annotations (C:\dev\covalent-quickstart\node_modules@angular\compiler-cli\src\static_reflector.js:60:36)
at NgModuleResolver.resolve (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:14050:46)
at CompileMetadataResolver.getNgModuleMetadata (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:14296:49)
at C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:13284:43
at Array.forEach (native)
at _extractModulesAndPipesOrDirectives (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:13283:28)
at Object.analyzeNgModules (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:13039:16)
at Extractor.extract (C:\dev\covalent-quickstart\node_modules@angular\compiler-cli\src\extractor.js:34:30)
Extraction failed

[crain]

Could be related to angular/angular-cli#2814 and angular/angular-cli#2201

[crain]

Some further investigations:
It looks like that covalent needs to support aot to support native i18n in angular2.

The above error results from calling the following in my module:

imports: [
CovalentCoreModule.forRoot()
]

To "fix" this issue I refactored my code to use an exported function such as:

export function covalentCoreModule() {
  return CovalentCoreModule.forRoot()
}

and using this in imports:

imports: [
covalentCoreModule
]

Which brings to me to the next error:

Error: Unexpected value 'coreModule' imported by the module 'AppModule'
at C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:14326:37
at Array.forEach (native)
at CompileMetadataResolver.getNgModuleMetadata (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:14311:46)
at C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:13284:43
at Array.forEach (native)
at _extractModulesAndPipesOrDirectives (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:13283:28)
at Object.analyzeNgModules (C:\dev\covalent-quickstart\node_modules@angular\compiler\bundles\compiler.umd.js:13039:16)
at Extractor.extract (C:\dev\covalent-quickstart\node_modules@angular\compiler-cli\src\extractor.js:34:30)
at extract (C:\dev\covalent-quickstart\node_modules@angular\compiler-cli\src\extract_i18n.js:19:35)
at Object.main (C:\dev\covalent-quickstart\node_modules@angular\tsc-wrapped\src\main.js:30:16)
Extraction failed

According to(angular/angular#11262) this issue relates to the fact that there is no metadata.json available per module which will be generated by executing the angular compiler with "ngc -p tsconfig.json" instead of using typescript.

I tried to play arround with building covalent with ngc instead of typescript but it fails because ngc does not support scss(angular/angular#11815) compilation and it needs to be done beforehand.

I am not fully aware of the build process behind covalent but I hope my first investigations give some insights.

[emoralesb05]

Thanks for the info. We havent done any AoT testing, but its in our radar and roadmap. Ill start researching about what we need to do in the building/publishing process to allow that.

Any additional info you can find would be awesome!

[asaph26]

@emoralesb05 This is short summary of getting it up and ready with AOT Support
https://medium.com/@isaacplmann/getting-your-angular-2-library-ready-for-aot-90d1347bcad#.jbe1qjx8u

[emoralesb05]

Awesome, ill check this articule out since AoT support is needed more and more every day.

Thanks!

[emoralesb05]

Hopefully #209 will resolve this.

[emoralesb05]

Should be fixed in 0.10.
If the issue still persists please fill free to reopen 😄