[BUG] Form not generated if reading from json file

[weihan1394]

Environment

Please provide as many details as you can:
I will like to generate the form using a json file locally on my assets directory. Hence, I tried moving the demo json to a file but when I try to read it I am able to see that the reading of the json correctly only if u put the json content at the page.module.ts file.

• Hosting type
  • Form.io
  • Local deployment
    • Version:
• Formio.js version: 4.9.0
• Frontend framework: Angular Material
• Browser: Chrome
• Browser version: ** 80.0.3987.163 **

Steps to Reproduce

1. Create a json file at src/assets (https://examples.form.io/kitchensink)
2. At the page ts file read it as below
   page.html

<mat-formio [form]="customForm" (submit)="onSubmit($event)"></mat-formio>

page.component.ts

import * as ubuntu from '../../../assets/file.json';

export class AboutPageComponent implements OnInit {
   customForm: any = ubuntu;
}

Expected behavior

Form should be generated.

Observed behavior

Nothing is generated.

[weihan1394]

Sorry, I manage to fix it. It was my mistake at the importing of the json.