You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When I create a new project, with nothing in it, and install the Storybook Vitest plugin, it has an issue escaping characters.
Run npm create vite@latest to create a new React project, with Typescript
Run npx storybook@latest init to install Storybook over the top
Run npx storybook add @storybook/experimental-addon-test to install the new test runner
Edit your project.json to have a test command that runs "vitest" as per documentation
Run "npm run test".
You should see an error like so :
TypeError: Failed to fetch dynamically imported module: http://localhost:63315/@fs/C:/Projects/PlainStorybook/vite-project/.storybook%0Bitest.setup.ts?import&browserv=1731025020823
The %0B in the middle of that was interesting and is a null byte. So I searched "itest.setup" in my project and in the vitest.workspace.ts file that is created by default, it has that and a subtle escaping issue seems to be occurring :
If I double backslash this, I can move past this error.
Describe the bug
When I create a new project, with nothing in it, and install the Storybook Vitest plugin, it has an issue escaping characters.
Run
npm create vite@latest
to create a new React project, with TypescriptRun
npx storybook@latest init
to install Storybook over the topRun
npx storybook add @storybook/experimental-addon-test
to install the new test runnerEdit your project.json to have a test command that runs "vitest" as per documentation
Run "npm run test".
You should see an error like so :
The %0B in the middle of that was interesting and is a null byte. So I searched "itest.setup" in my project and in the vitest.workspace.ts file that is created by default, it has that and a subtle escaping issue seems to be occurring :
If I double backslash this, I can move past this error.
Reproduction link
http://defaultproject.com
Reproduction steps
No response
System
Storybook Environment Info:
System:
OS: Windows 10 10.0.19045
CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-1245U
Binaries:
Node: 20.10.0 - C:\Node\node-v20.10.0-win-x64\node.EXE
npm: 10.2.3 - C:\Node\node-v20.10.0-win-x64\npm.CMD <----- active
Browsers:
Edge: Chromium (128.0.2739.42)
npmPackages:
@storybook/addon-essentials: ^8.4.2 => 8.4.2
@storybook/addon-onboarding: ^8.4.2 => 8.4.2
@storybook/blocks: ^8.4.2 => 8.4.2
@storybook/experimental-addon-test: ^8.4.2 => 8.4.2
@storybook/react: ^8.4.2 => 8.4.2
@storybook/react-vite: ^8.4.2 => 8.4.2
@storybook/test: ^8.4.2 => 8.4.2
eslint-plugin-storybook: ^0.11.0 => 0.11.0
storybook: ^8.4.2 => 8.4.2
Additional context
No response
The text was updated successfully, but these errors were encountered: