AOT compilation error: Function calls are not supported in decorators but 'JsonSchemaFormModule' was called.

[chivalme]

Issue type

I'm submitting a (check one):
[x ] Bug report
[ ] Feature request
[ ] Regression (something that used to work, but stopped working in a newer version)
[ ] Support request
[ ] Documentation issue or request

Prerequisites

Before posting, make sure you do the following (check all):
[x ] Confirm you are using the latest versions of all necessary packages (or if not, explain why not)
[ x] Search GitHub for a similar issue or PR
[ x] If submitting a Support request, also search [Stack Overflow][stack-overflow] for similar issues
Note: Please cross-post GitHub support requests to [Stack Overflow][stack-overflow], and include a link in your GitHub issue to your Stack Overflow question. We do currently respond to support requests on GitHub, but we eventually expect to stop, and will then refer all support questions exclusively to Stack Overflow.

Current behavior

On AOT compilation i have this error:
Error: Error during template compile of 'AppModule' Function calls are not supported in decorators but 'JsonSchemaFormModule' was called.

import { JsonSchemaFormModule, MaterialDesignFrameworkModule } from 'angular2-json-schema-form';

@NgModule({
  declarations: [ AppComponent ],
  imports: [
    BrowserModule, MaterialDesignFrameworkModule,
    JsonSchemaFormModule.forRoot(MaterialDesignFrameworkModule)
  ],
  providers: [],
  bootstrap: [ AppComponent ]
})

Expected behavior

AOT build working

IMPORTANT: How can we reproduce your problem?

Try to aot build app with angular2-json-schema-form on angular version 5.2.1.

Environment

OS name & version: Windows 10
Browser name & version: Chrome
Angular version: 5.2.1
Angular JSON Schema Form version(s): 0.7.0-alpha.1

[Koslun]

@chivalme would also add that it's a regression in the issue type. It is working in the previous version 0.6.0-alpha.7.

It's what's currently preventing us from upgrading and I imagine others new to the library from adopting it.

I am however not quite certain that this issue applies to all build configurations that use AoT as I've seen similar issues before where this was the case. It is however an issue with @angular/cli users at the very least.

[maksfastovets]

Hi @Koslun ,
Could you, please, tell, if using downgraded version 0.6.0-alpha.7 renders your schema layout neatly?

as I got this: https://photos.app.goo.gl/gemkOkHSmH98YWew2

may be I tuned something in a wrong way, of course, as I downgraded using this commit: dschnelldavis/ng-jsf-material-design-seed@cb3c532 - and I might miss something..

[stalsma]

I'm running into this issue was well. I was previously using 0.6.0-alpha.7 but was compiling with ng4.x. Upgraded to ng5.1, and upgraded this library. Runs fine when using ng serve, but blows up when using the aot compiler when building a prod build.

ERROR in Error during template compile of 'DynamicFormsModule' Function calls are not supported in decorators but 'JsonSchemaFormModule' was called.

[Koslun]

@fastovezz We are using 0.6.0-alpha.7 and saw similar issues when we tried to use it with Material. Likely because we were running version 5.0.2. In particular I recall seeing input labels not working correctly, like in this issue: #164.

Figured that bootstrap would screw other things and that downgrading Material itself would screw up a lot of other stuff for us as well.

So settled on using no framework, which works pretty well. Only caveat so far, other than the design, is that you cannot remove elements from arrays.

This however seemed fixed for us in version 0.7.0-alpha.1, with Material looking relatively good in all the examples we could find. The problem is however this issue, where we simply cannot build it for production.

Don't really see running a JiT version of the app as an acceptable solution. Nor do I know of any work-arounds.

[maksfastovets]

@Koslun thank you.

[maksfastovets]

Could you please tell if this aot compilation issue is going to be fixed?
thanks.

[kgathi2]

Hope we can resolve this quickly. Need to use this for production apps.

[jaan]

I get the same error during aot compilation but not during ng serve

ERROR in Error during template compile of 'AppModule' Function calls are not supported in decorators but 'JsonSchemaFormModule' was called.

It's an important issue as we can't do prod builds. Hope it gets prioritized.

[johnedvard]

This issue is the reason I am developing my own schemabuilder. Having this issue fixed would make a huge difference for production applications 🥇

[FrankDoersam]

hey
great libary!
have you a solution for the prod build, i got the same error ?
Best regards,
Fran Dörsam

[viktor25]

This workaround fixes AOT for me. In your application module, replace

JsonSchemaFormModule.forRoot(MaterialDesignFrameworkModule)

with

{
    ngModule: JsonSchemaFormModule,
    providers: [
        JsonSchemaFormService,
        FrameworkLibraryService,
        WidgetLibraryService,
        {provide: Framework, useClass: MaterialDesignFramework, multi: true}
    ]
}

This is for version 0.7.0-alpha.1. You can see what JsonSchemaFormModule.forRoot expands to by looking in json-schema-form.module.ts.

[catull]

Thanks @viktor25 !

Saved my day.

[sasos90]

@viktor25 this solution doesn't work for me. I still have this error.
Any other ideas?

[viktor25]

@sasos90 Sorry, I don't have other ideas.
If you upload somewhere the error you are getting and the contents of your app.module.ts, I'll have a look if anything stands out.