Socked Keeps Disconnecting In Browser

[white5354]

When i run theia-blueprint
yarn browser start
As Below

After starting the browser method, the socket keeps disconnecting and the page hangs without understanding.

What should I do?

[msujew]

Hey @white5354,

are there some more logs in the browser console of the frontend? The backend can tell relatively little if the connection fails.

[white5354]

@msujew thx for the reply

I guess I already know the problem. I created a new extension earlier.Maybe my extension's error.

[white5354]

@msujew I encountering new problems
Below this

and my code

import { injectable, inject } from '@theia/core/shared/inversify';
import { Command, CommandContribution, CommandRegistry, MenuContribution, MenuModelRegistry, MessageService, MAIN_MENU_BAR, nls  } from '@theia/core/lib/common';
import { CommonCommands, CommonMenus, KeybindingContribution, KeybindingRegistry } from '@theia/core/lib/browser';

export const MenuCustomCommand: Command = {
    id: 'MenuCustom.command',
    label: 'Say Good'
};

@injectable()
export class MenuCustomCommandContribution implements CommandContribution {

    constructor(
        @inject(MessageService) private readonly messageService: MessageService,
    ) { }

    registerCommands(registry: CommandRegistry): void {
        registry.registerCommand(MenuCustomCommand, {
            execute: () => this.messageService.info('Hello World! IDE')
        });
    }
}

@injectable()
export class MenuCustomContribution implements MenuContribution {

    registerMenus(menus: MenuModelRegistry): void {
        const newMenu = [...MAIN_MENU_BAR, '10_Say Other']
        menus.registerSubmenu(newMenu, nls.localizeByDefault('other'))
        menus.registerMenuAction(newMenu, {
            commandId: MenuCustomCommand.id,
            label: MenuCustomCommand.label
        });
        menus.unregisterMenuAction(CommonCommands.ABOUT_COMMAND)
        menus.unregisterMenuNode(CommonMenus.HELP[1])
        menus.registerSubmenu(CommonMenus.FILE, nls.localizeByDefault('文件'))
        
    }
}

@injectable()
export class MenuCustomKeybindingContribution implements KeybindingContribution {
    registerKeybindings(keybindings: KeybindingRegistry): void {
        keybindings.registerKeybinding({
            command: MenuCustomCommand.id,
            keybinding: 'ctrl+alt+h',
        });
    }
}

This code in hello-world-Example is Ok.
I don't know what the problem is.

[msujew]

@white5354 I believe you're pulling different versions of @theia/core. Can you run yarn why @theia/core and see whether it returns multiple results? Can you pin all versions of all @theia/* packages to one exact version?

[white5354]

@msujew You are right. I have two version. 1.53.1 and 1.53.0. I will try it your way

[white5354]

@msujew 😢 It didn't work.

Now it versions is 1.53.0. But problem still in existence.

[msujew]

Did you rebuild the frontend app? Does it still show the same inversify error?

[white5354]

wowww @msujew I forget rebuild.when i rebuild. It works. Thank you very much.I've learnt a lot.