在使用相对路径的VSCode中找不到CSS/SCSS代码模块

我正在用VS代码编写SharePoint Framework web部件

不幸的是，无法找到我的scss样式文件，即使它位于同一路径中-请参见下图：

我还检查了样式文件

Events.module.scss

，以防其中的错误阻止导入，但该文件没有问题

我尝试重新启动VS代码…尝试移动文件，尝试重命名scss文件

那么，这里缺少什么，我如何解决它呢？

我在

我们可以使用

const s=require（'./Button.css'）绕过导入

或者，为CSS模块安装打字，如下所示：

然后将新规则添加到webpack.config：

module: {
  rules: [
    {
      test: /\.css$/,
      include: path.join(__dirname, 'src/components'),
      use: [
        'style-loader',
        {
          loader: 'typings-for-css-modules-loader',
          options: {
            modules: true,
            namedExport: true
          }
        }
      ]
    }
  ]
}

这有点令人费解，但也有可能
尝试刷新项目文件夹结构，重新启动VSCode。可能会有帮助@PriyeshKumar:谢谢，当我将错误行更改为
const styles=require（'./Events.module.scss'）它可以工作，但我得到一个建议，将“require”转换为“import…”。。。非常烦人我在找到了解决方案-这是一个有点虚假或混乱，但这是可能的
module: {
  rules: [
    {
      test: /\.css$/,
      include: path.join(__dirname, 'src/components'),
      use: [
        'style-loader',
        {
          loader: 'typings-for-css-modules-loader',
          options: {
            modules: true,
            namedExport: true
          }
        }
      ]
    }
  ]
}