question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Angular 11 error being thrown on IE11 with Storybook 6.1 and 6.2@alpha

See original GitHub issue

Describe the bug When bundling for IE11 it appears that code isn’t being transpiled.

Two errors are being thrown. “Const must be initialized” and “Syntax error”

To Reproduce Steps to reproduce the behavior:

  1. Create a new application for Angular 11
  2. Integrate Storybook 6.1
  3. Update .browserlistrc so IE11 is opt-in
  4. Open on IE11 browser and view error in console

Expected behavior Should run successfully.

Screenshots Example Repo: https://github.com/thomasoreilly/storybook-angular11-ie11-6.1-issue Deployment of Repo: https://thomasoreilly.github.io/storybook-angular11-ie11-6.1-issue/?path=/story/example-introduction--page

image

Code snippets If applicable, add code samples to help explain your problem.

System Please paste the results of npx sb@next info here.

Environment Info: System: - OS: macOS 10.15.7 - CPU: (12) x64 Intel® Core™ i7-9750H CPU @ 2.60GHz Binaries: - Node: 12.20.0 - ~/.nvm/versions/node/v12.20.0/bin/node - Yarn: 1.22.10 - ~/.nvm/versions/node/v12.20.0/bin/yarn - npm: 6.14.8 - ~/.nvm/versions/node/v12.20.0/bin/npm Browsers: - Chrome: 87.0.4280.141 - Firefox: 78.6.1 - Safari: 14.0.1 npmPackages: - @storybook/addon-actions: ^6.1.14 => 6.1.14 - @storybook/addon-essentials: ^6.1.14 => 6.1.14 - @storybook/addon-links: ^6.1.14 => 6.1.14 - @storybook/angular: ^6.1.14 => 6.1.14 - @storybook/preset-ie11: 0.0.1 => 0.0.1

Additional context This issue is also happening on the latest alpha for 6.2.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
shilmancommented, Jan 27, 2021

@thomasoreilly can you kick the tires on this for me? https://github.com/storybookjs/storybook/pull/13741

yarn bootstrap --core
cd examples/angular-cli
yarn storybook
0reactions
thomasoreillycommented, Apr 1, 2021

Hey @shilman.

Just recently installed 6.2 and we are still experiencing this issue with IE11. We are also seeing experiencing this issue on a vanilla Angular setup. Has there been any discussion about IE11 support for Angular and Storybook?

Read more comments on GitHub >

github_iconTop Results From Across the Web

storybookjs/storybook (Raised $170.00) - Issuehunt
Angular 11 error being thrown on IE11 with Storybook 6.1 and 6.2@alpha. Unfunded#13692created bythomasoreilly. $0.00. Doesn't work with Angular 11.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found