Cannot read property 'debug' of undefined when upgrading from v5.3.x to v6.0.0-beta.23 (Storybook Angular)

Describe the bug When upgrading to v6.0.0-beta.23, I’m getting an error when starting Storybook. The build indicates a successful build, but I’m having a type error PostmsgTransport.handleEvent

To Reproduce Steps to reproduce the behavior:

1. Upgrade your package.json @storybook dependencies to version 6.0.0-beta.23
2. Follow the migration guide for the section related to your project setup.
3. Build storybook by running following command: build-storybook -c .storybook -o .out
4. Start storybook with the following command: start-storybook -c .storybook -p 9001
5. Open your browser

RESULT: once the first story has been loaded i’m getting the type error occur and I’m not able to switch between stories. The first story although loads without a problem.

Expected behavior Being able to switch between stories without type errors

Screenshots

Code snippets main.js file

module.exports = {
  stories: ['../src/stories/**/badge.stories.ts'],
  addons: [
    '@storybook/addon-actions',
    '@storybook/addon-links',
    '@storybook/addon-knobs',
    '@storybook/addon-a11y',
    '@storybook/addon-docs'
  ]
};

preview.ts file

import { addParameters } from '@storybook/angular';
import { themes } from '@storybook/theming';
import { setCompodocJson } from '@storybook/addon-docs/dist/frameworks/angular';
import '../src/polyfills.ts';

// @ts-ignore
// eslint-disable-next-line import/extensions, import/no-unresolved
import docJson from '../documentation.json';

setCompodocJson(docJson);

addParameters({
  options: {
    theme: themes.light
  },
  viewMode: 'docs',
  docs: {
    iframeHeight: '100vh'
  }
});

manager.js file

import { addons } from '@storybook/addons';
import { themes } from '@storybook/theming';

addons.setConfig({
  showRoots: true,
  themes: themes.light
});

System: Environment Info:

System: OS: macOS 10.15.5 CPU: (12) x64 Intel® Core™ i7-9750H CPU @ 2.60GHz Binaries: Node: 12.16.1 - /usr/local/bin/node npm: 6.13.4 - /usr/local/bin/npm Browsers: Chrome: 83.0.4103.97 Firefox: 74.0 npmPackages: @storybook/addon-a11y: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/addon-actions: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/addon-docs: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/addon-knobs: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/addon-links: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/addons: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/angular: ^6.0.0-beta.23 => 6.0.0-beta.23 @storybook/theming: ^6.0.0-beta.23 => 6.0.0-beta.23

Additional context we are on Angular 8+ with the lib.

[mattgek]

@shilman I’ll first test with the latest beta. If that does not work I’ll create a small repo and reproduce the issue. Keep you posted. Thx for the quick responses @ndelangen & @shilman

[stale[bot]]

Hey there, it’s me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!