AUR0903

Invalid Dialog Settings. You must provide either "component" or "template" or both.

Error message

Invalid Dialog Settings. You must provide either "component" or "template" or both.

Parameters

None

Error explanation

This error occurs when you attempt to open a dialog using IDialogService.open() without providing either a component or a template in the settings object. At least one of these is required to define the content of the dialog.

Common causes

  • Calling dialogService.open({}) with an empty settings object.

  • Providing a settings object that omits both component and template.

  • Dynamically creating the settings object and failing to include component or template.

How to fix

  • Ensure your dialog settings object includes at least one of the following properties:

    • component: A function returning a component constructor, instance, or promise thereof.

    • template: A string, HTML element, or a function returning a string, HTML element, or promise thereof.

    // Example using component
    dialogService.open({ component: () => MyDialogComponent });
    
    // Example using template
    dialogService.open({ template: '<div>My Dialog Content</div>' });
    
    // Example using both
    dialogService.open({ component: () => MyDialogViewModel, template: myDialogTemplate });

Debugging tips

  • Check the settings object being passed to dialogService.open().

  • Verify that the component or template property is present and correctly defined.

  • Use the browser debugger to inspect the settings object just before dialogService.open() is called.

Last updated

Was this helpful?