样式不生效
来源：8-3 Storybook 创建第一个 story
InvincibleJhin
2022-09-21
import { library } from '@fortawesome/fontawesome-svg-core’
import { fas } from '@fortawesome/free-solid-svg-icons’
import "…/src/styles/index.scss"
library.add(fas);
在preview.js中加上这四行代码后样式没有生效，并且npm run storybook也不能启动项目了,node版本是16.17.0,而且发现只导入样式，即import “…/src/styles/index.scss”，删掉另外三行代码，就能正常启动了，样式也生效了。
代码地址https://github.com/vinviiy/-/tree/main
写回答
2回答
-
张轩
2022-09-23
同学你好
原因是你没有安装 fontawesome icon 的一系列内容啊，你的 pakcages.json 中没有安装，所以引入就报错了，你是不是跳过了中间内容，直接到 storybook 这里了呢？第七章讲了 icon 组件，这里面会安装对应的一系列依赖。
"@fortawesome/fontawesome-svg-core": "^6.2.0", "@fortawesome/free-solid-svg-icons": "^6.2.0", "@fortawesome/react-fontawesome": "^0.2.0",
安装 https://fontawesome.com/v5/docs/web/use-with/react
012022-09-23 -
张轩
2022-09-22
同学你好
你的源代码库中并没有提交 .storybook 这个文件夹，我这里启动失败，请再添加一下吧。
022022-09-22
相似问题