React使用Material UI的Grid组件时无法解析*.module.scss报错如何解决

报错的直接触发原因是代码中import classes from '*.module.scss'使用了通配符导入scss模块，构建工具无法识别匹配对应文件，按照你的需求可以选择两种方案解决：

方案1：正确使用SCSS模块 #

• 先安装scss编译依赖，执行对应包管理命令：
  npm用户执行：npm install sass --save-dev
  yarn用户执行：yarn add sass --dev
• 在当前文件所在目录新建样式文件，命名为Features.module.scss，写入你需要的paper样式：

  .paper {
    padding: 16px;
    text-align: center;
  }
  

• 替换原有错误的导入语句为：import classes from './Features.module.scss'即可

方案2：直接使用Material UI内置的makeStyles定义样式（更推荐，符合MUI开发规范） #

你代码中已经引入了makeStyles，无需额外引入外部样式文件，修改代码如下：

1. 删掉错误的import classes from '*.module.scss'语句
2. 在Features组件上方添加样式定义：

const useStyles = makeStyles(() => ({
  paper: {
    padding: 16px,
    textAlign: 'center'
  }
}))

3. 在Features组件内部第一行调用样式钩子：

function Features() {
  const classes = useStyles()
  // 原有其余代码不变
}

内容的提问来源于stack exchange，提问作者Tharindu Marapana