I am also getting this error when importing our stylesheet with a relative path in the preview.ts file

Also getting this error. The build seems to work though...

I have the same error. It seems the problem is in the iframe.html file (from builder-vite package), in that package, there is no assets folder to get the fonts.

Anybody figured out how to fix this?

This won't help everyone but for anyone using Rush like @lvchenyang - try redeclaring the "build" command in your command-line.json file and add the setting "allowWarningInSuccessfulBuild": true. This will keep warnings from failing your CI/CD builds

    {
      //this command is to override the existing build command to allow warnings in the build
      "commandKind": "bulk",
      "name": "build", 
      "summary": "Build",
      "description": "This command will build projects",
      "safeForSimultaneousRushProcesses": false,
      "enableParallelism": true,
      "ignoreDependencyOrder": false,
      "ignoreMissingScript": true,
      "allowWarningsInSuccessfulBuild": true
    },

This won't help everyone but for anyone using Rush like @lvchenyang - try redeclaring the "build" command in your command-line.json file and add the setting "allowWarningInSuccessfulBuild": true. This will keep warnings from failing your CI/CD builds

    {
      //this command is to override the existing build command to allow warnings in the build
      "commandKind": "bulk",
      "name": "build", 
      "summary": "Build",
      "description": "This command will build projects",
      "safeForSimultaneousRushProcesses": false,
      "enableParallelism": true,
      "ignoreDependencyOrder": false,
      "ignoreMissingScript": true,
      "allowWarningsInSuccessfulBuild": true
    },

Yep！Add "allowWarningInSuccessfulBuild": true would pass the CI/CD.

Still got this issue, any way to fix it?

Any chances for this to be fixed? or way to silence it without allowing warnings in Rush?

You might also get this issue if you are importing markdown files.

To fix the issue, you need to change the import:

-import changeLog from './changelog.md`
+import changeLog from './changelog.md?raw`

does anybody know how to fix this problem?
@lvchenyang did you find the solution ?

PS: I've tried to create my lib using rollup bundler and not vite bundler. it seems to work. No warning, no problem.

This issue still exists in v8, the only workaround I found is to create an sb-common-assets/fonts.css file in the root dir of the project.

The bug occurs also on a fresh new install of storybook:

1. Run npx storybook@latest init
2. Select project template React + Vite (TS)
3. Once installed, run npm run build-storybook

Then you will have the same error on the output.

However, the reported files does exist on the final build folder:

❯ ls -l storybook-static/sb-common-assets
total 204
-rw-rw-r-- 1 sullivan sullivan   675 mars  15 13:24 fonts.css
-rw-rw-r-- 1 sullivan sullivan 49460 mars  15 13:24 nunito-sans-bold-italic.woff2
-rw-rw-r-- 1 sullivan sullivan 47144 mars  15 13:24 nunito-sans-bold.woff2
-rw-rw-r-- 1 sullivan sullivan 49620 mars  15 13:24 nunito-sans-italic.woff2
-rw-rw-r-- 1 sullivan sullivan 47072 mars  15 13:24 nunito-sans-regular.woff2

And apparent issue are coming when you serve the static build.

Here is the env info of the fresh install:

Storybook Environment Info:

  System:
    OS: Linux 6.2 Ubuntu 23.04 23.04 (Lunar Lobster)
    CPU: (8) x64 Intel(R) Core(TM) i7-6700 CPU @ 3.40GHz
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.18.2 - ~/.nvm/versions/node/v18.18.2/bin/node
    npm: 9.8.1 - ~/.nvm/versions/node/v18.18.2/bin/npm <----- active
    pnpm: 8.14.3 - ~/.local/share/pnpm/pnpm
  Browsers:
    Chrome: 120.0.6099.224
  npmPackages:
    @storybook/addon-essentials: ^8.0.0 => 8.0.0 
    @storybook/addon-interactions: ^8.0.0 => 8.0.0 
    @storybook/addon-links: ^8.0.0 => 8.0.0 
    @storybook/addon-onboarding: ^8.0.0 => 8.0.0 
    @storybook/blocks: ^8.0.0 => 8.0.0 
    @storybook/react: ^8.0.0 => 8.0.0 
    @storybook/react-vite: ^8.0.0 => 8.0.0 
    @storybook/test: ^8.0.0 => 8.0.0 
    eslint-plugin-storybook: ^0.8.0 => 0.8.0 
    storybook: ^8.0.0 => 8.0.0 

did any one resolve the error !!

Still having the issue, any workaround?

I see this issue on Vite with Storybook v8.0.9 and deploying on Vercel

Also having this issue, details:

Info => Copying static files: /Users/me/Documents/GitHub/x/frontend/packages/y/node_modules/@storybook/manager/static at /Users/me/Documents/GitHub/x/frontend/packages/y/storybook-static/sb-common-assets

./sb-common-assets/fonts.css doesn't exist at build time, it will remain unchanged to be resolved at runtime

Could it be because the structure of the project?
Main package with package.json from where we run storybook build command as :
"build-storybook": "yarn storybook build -c ./src/storybook/.storybook"

And then our storybook is in root > src > storybook
The storybook-staticfolder is created in root > storybook-static

Our root package uses gatsby with webpack.

@soullivaneuh You have to run the Storybook build instead of the vite build. The issue still exists. I've just tested it.

@valentinpalkovic Indeed! I stupidily ran npm run build cause I use the storybook init command, I was thinking it was for storybook build at this time! Doh!

Running npm run build-storybook makes indeed the error appearing. 🙃

Sorry for that.