我正在尝试将我的 jss 文件导入 React 组件 (.jsx)，但出现此错误：

我查看了相关问题并尝试了所有解决方案，主要是关于更新 material-ui 的版本。这是我的 package.json 文件：

我写jss文件的方式：

import { makeStyles } from '@material-ui/styles';



const useStyles = makeStyles((theme) => ({
    root: 
    {
        margin: '10px'
    }
}));

export default useStyles;

和jsx文件：

import React from 'react';
import DateBar from './DateBar';
import Grid from '@material-ui/core/Grid';
import useStyles from './Board.jss';



export default function Board()
{
    const classes = useStyles();
    return(
...

我是否遗漏了什么，或者我是否需要额外的包才能在 React 中使用 jsx 和 jss？

我一直在尝试所有的解决方案，但没有奏效..

注意：当我将 Jss 中的代码放入 Jsx 文件时，代码工作正常。导入/导出可能是一个问题..

编辑：即使我从一开始就创建了一个新应用并安装了依赖项，仍然无法修复..