Angular dynamic components issue in production mode (Aot)

Ionic Framework Ionic Angular
1

Dears,

we have to compile and load Dynamic Components… works in dev but in production mode (AOT enabled) we get the error “template must be a string”.

APp config:

  • “@angular/core”: “~9.1.6”,
  • “@ionic/angular”: “^5.0.0”,
@Component({
 template: componentTemplate,
 selector: templateDef.name,
 })
 class TemplateComponent extends DynamicUiBaseComponent implements OnInit {
 
 ngOnInit() {
 super.ngOnInit();
 }
 }
....
this.compiler.compileModuleAndAllComponentsSync(DynamicModule);
2

you wrote in the Component declaration:

template: componentTemplate

What’s componentTemplate?

3

componentTemplate: string contains template generated at runtime

4

Yeah, you shouldn’t do that. Component definitions need to be lined at build time in order for the angular compiler to do its magic.

1 Like