Open lapa182 opened 4 months ago
Hi @lapa182
I experienced a similar problem. It was a problem when used with the vanila extract setting. Can you check if the error message is the same
@Zero-1016 unfortunately in our case there's no error in the console.
info => Serving static files from ././public at /
info => Serving static files from ././src/styles/fonts at /src/styles/fonts
info => Starting manager..
info => Starting preview..
info Addon-docs: using MDX3
info => Using implicit CSS loaders
info => Using SWC as compiler
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
10% building 0/3 entries 1/3 dependencies 0/1 modulesinfo Using tsconfig paths for react-docgen
WARN export 'EmptyTabContent' (imported as 'EmptyTabContent') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link, ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset)
WARN Module not found: Error: Can't resolve '@emotion/is-prop-valid' in '/Users/igo.lapa/source/repos/ACStrawberry/node_modules/.pnpm/framer-motion@11.0.14_react-dom@18.2.0_react@18.2.0/node_modules/framer-motion/dist/es/render/dom/utils'
Hi @valentinpalkovic do we have any updates on this issue? We cannot update to Storybook 8 because the fonts are not rendering.
Describe the bug
We recently migrated to Storybook 8, but our fonts (either local or the one using Google Fonts) are not working at the moment, this used to work with Storybook 7.
Here's a snippet of our main.ts:
And
preview.tsx
:src/styles/fonts:
To Reproduce
I've tried to replicate in Stackblitz and in a new project and everything works fine. The only difference I can see it's that when I'm creating the const
montserrat
like:In Stackblitz and in a new project the typeof of it it's
object
(which is the expected one) and in my project is a bigstring
.System
Additional context
Package manager: pnpm and using monorepo.