TypeError: options is undefined

[xinzhang20241216]

I follow the link
https://theia-ide.org/docs/frontend_application_contribution/

to write the below code, I got the error "TypeError: options is undefined", where is wrong?

@injectable()
export class BhsContribution extends AbstractViewContribution<BhsWidget> 
implements FrontendApplicationContribution{

    @inject(FrontendApplicationStateService)
    protected readonly stateService: FrontendApplicationStateService;
    
    async initializeLayout(app: FrontendApplication): Promise<void> {
        await this.openView();
    }

}

[msujew]

Hey @xinzhang20241216,

You need to supply the super class with an options argument in the constructor. See this guide.

[xinzhang20241216]

Hi @msujew, thanks for your hint, now the exception disappear after adding one constructor as below screencut, but if my understanding right, the below code means when I first time open http://localhost:3000, the page will be show up, the question is why it does not show up? I must select the menu view-> my widget, the widget(view) can be open, so what else do I need to do if I want to see my widget when I first time open the link http://localhost:3000

    async initializeLayout(app: FrontendApplication): Promise<void> {
        await this.openView();
    }

[msujew]

You could run the BhsCommand command to open it when the application startsup. You could create a FrontendApplicationContribution for that.

Alternatively I would recommend to extract such functionality into a modal, see the AbstractDialog api.

[xinzhang20241216]

Great thanks, as you mentioned, I used the below code, the widget was opened when open the http://localhost:3000 in the first time.

    async onStart(app: FrontendApplication): Promise<void> {
        this.stateService.reachedState('ready').then(
            () => this.openView({ reveal: true })
        );
    }