Skip to content

[Bug]: Storybook in Safari not working #23564

Closed

Description

Describe the bug

Hi there.

I did setup a new Storybook project wit npx storybook@latest init and did choose the html/vite config manually via CLI. Without changing anything inside the project, the browser just shows a blank page and i get the following error in Safari Version 16.3 (18614.4.6.1.6):

SyntaxError: Unexpected token '{'

But if i open a story via iframe, for example http://localhost:6006/iframe.html?id=example-button--primary&viewMode=story it shows the story properly without any errors.

My Safari is clean, i have no addons installed. Same behaviour in normal and private windows.

To Reproduce

No response

System

Environment Info:

  System:
    OS: macOS 13.2.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 18.16.1 - ~/.asdf/installs/nodejs/18.16.1/bin/node
    npm: 9.5.1 - ~/.asdf/plugins/nodejs/shims/npm
  Browsers:
    Chrome: 110.0.5481.100
    Edge: 111.0.1661.51
    Safari: 16.3
  npmPackages:
    @storybook/addon-essentials: ^7.1.0 => 7.1.0 
    @storybook/addon-interactions: ^7.1.0 => 7.1.0 
    @storybook/addon-links: ^7.1.0 => 7.1.0 
    @storybook/blocks: ^7.1.0 => 7.1.0 
    @storybook/html: ^7.1.0 => 7.1.0 
    @storybook/html-vite: ^7.1.0 => 7.1.0 
    @storybook/testing-library: ^0.2.0 => 0.2.0

Additional context

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions