Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add assets error #30

Closed
danielsouzapinna opened this issue Jun 18, 2020 · 3 comments
Closed

Add assets error #30

danielsouzapinna opened this issue Jun 18, 2020 · 3 comments

Comments

@danielsouzapinna
Copy link

danielsouzapinna commented Jun 18, 2020

I'm following this tutorial from learn storybook:
https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/

For some reason when completing lesson 2, my storybook does not display the icons that should be displayed. I do not see any errors in the browser console or in the shell.

Can someone help me? Pls

Storybook-error-icon

@usrrname
Copy link

I had this problem too before, hopefully these may help you get around it.

Are you finding any console errors? What are they?

First... did you use the npx degit command to install all the assets for fonts and icons that you need? The section about it is under "Add Assets"

Next, check that the following codeblock you copied from "Reuse CSS" contains relative links that accurately point to your assets/font/folder

@font-face {
  font-family: 'percolate';
  src: url('/assets/icon/percolate.eot?-5w3um4');
  src: url('/assets/icon/percolate.eot?#iefix5w3um4') format('embedded-opentype'), url('/assets/icon/percolate.woff?5w3um4')
      format('woff'), url('/assets/icon/percolate.ttf?5w3um4') format('truetype'), url('/assets/icon/percolate.svg?5w3um4')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@jonniebigodes
Copy link
Collaborator

@danielsouzapinna sorry for the issue you're experiencing with the tutorial. One item i want to ask you. Can you share your package.json, more specifically scripts and dependencies?

@usrrname thank you for jumping, really appreciate it 👍

Stay safe both of you

@jonniebigodes
Copy link
Collaborator

Going to close this issue as the code base is now adjusted to fix the underlying issue.

Stay safe everyone

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants