- 组件引入 mui 不能用引入指定组件的方式,必须从 '@mui/material' 引入
// 这样引入打包后在其他项目引入,会报错 React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.
import Button from '@mui/material/Button';
// 这样引入就不会报错
import {Button} from '@mui/material';
- tailwind css 需要把 src 下的 globals.css 编译到 .storybook 目录下之后,在 preview.ts 中引用
https://tailwindcss.com/docs/installation
// 编译
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
- 组件导出用 export,不要用 default export,会导致在其他项目引入报错类型问题,例如组件 Dialog
// 使用 export
// export const Dialog = ...
// 不使用 export default
// const Dialog = ...
// export default Dialog