tenhigh-ecommerce-ui

注意事项

• 组件引入 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