使用相对路径在 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');

绕过导入

或者，像这样安装 Typings for CSS Modules:

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
          }
        }
      ]
    }
  ]
}

这有点乱七八糟，但这是可能的