类型错误：找不到模块“./styled/useStyles”或其相应的类型声明

Question

部署到 vercel 时如何解决此问题？

注意：它在本地开发中没有给我这个错误，所以我很困惑为什么它在部署时给我这个错误

<块引用>

类型错误：找不到模块“./styled/useStyles”或其相应的类型声明。

我分离了样式化组件并创建了“useStyle”组件并拥有此代码。

import { createStyles, makeStyles, Theme } from "@material-ui/core";

export const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    root: {
      position: "relative",
      [theme.breakpoints.up("sm")]: {
        paddingTop: "8rem",
        height: "50vh",
      },
      [theme.breakpoints.up("lg")]: {
        marginBottom: "38vh",
      },
    },// a lot of other styles below
  })
);

并将这个 useStyle 组件调用到我的另一个组件：

import {
  Grid,
  Link,
  Tabs,
  Tab,
} from "@material-ui/core";
import {useStyles} from "./styled/useStyles";

const MealResult = ({ result }: { result: {} | any }) => {
  const styles = useStyles();
  const router = useRouter();
  return (
    <MainLayout>
      <Grid className={styles.root}>
        // jsx code here
      </Grid>
    </MainLayout>
  );
}; 

另外请注意，当 useStyles 在我的 MealResult 组件中时，它在部署时工作。

原因：我之所以要分离样式组件，是因为 MealResult 变得臃肿且难以阅读。