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

Question

我正在 VS Code 中编写 SharePoint 框架 Web 部件。

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

我还检查了样式文件Events.module.scss，以防其中的错误阻止其导入，但该文件没有问题......

我尝试过重新启动 VS Code...尝试移动文件，尝试重命名 scss 文件...

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

Answer 1

我在How to use CSS Modules with TypeScript and webpack找到了解决方案

我们可以通过使用绕过导入const s = require('./Button.css');

或者，安装CSS 模块的 Typings，如下所示：

npm install --save-dev typings-for-css-modules-loader

然后将新规则添加到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
          }
        }
      ]
    }
  ]
}

这有点混乱，但这是有可能的