embedded-sdk Issue while integrating it with Angular

[topratiksharma]

A clear and concise description of what the bug is.

How to reproduce the bug

1.) Install embedded sdk in your Angular application.

2.) TS code for integrating superset

Embed() {
    // const token = await this.fetchGuestTokenFromBackend();
    embedDashboard({
      id: 'my dashboard token', // given by the Superset embedding UI
      supersetDomain: 'http://localhost:8088', // my localhost
      mountPoint: document.getElementById('my-dashboard'), // any html element that can contain an iframe
      fetchGuestToken: () => this.fetchGuestTokenFromBackend(),
      dashboardUiConfig: {
        // dashboard UI config: hideTitle, hideTab, hideChartControls, filters.visible, filters.expa0nded (optional)
        hideTitle: true,
        // filters: { expanded: true },
      },
    });
  }

3. See error

Expected results

Embedding should work

Actual results

Module not found: Error: Can't resolve '@superset-ui/switchboard' in 'D:\test\node_modules\@superset-ui\embedded-sdk\lib'

Screenshots

Environment

(please complete the following information):

• browser type and version: Chrome
• superset version: superset version - "@superset-ui/embedded-sdk": "0.1.0-alpha.7",
• python version: python --version NOT USED
• node.js version: node -v : V16.10.0
• any feature flags active: none

Add any other context about the problem here.

[rusackas]

Looks like a duplicate of #22747 but I appreciate the additional context.

[rusackas]

Closing this as stale since it's been silent for so long, and we're trying to steer toward a more actionable Issues backlog. If people are still encountering this in current versions (currently 3.x) please re-open this issue, open a new Issue with updated context, or raise a PR to address the problem. Thanks!