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

【问题标题】：CSS/SCSS Code module not found in VSCode using relative path使用相对路径在 VSCode 中找不到 CSS/SCSS 代码模块
【发布时间】：2018-11-25 12:08:36
【问题描述】：

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

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

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

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

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

【问题讨论】：

尝试刷新项目文件夹结构，重启VSCode。
可能会有所帮助github.com/s-panferov/awesome-typescript-loader/issues/146
@PriyeshKumar：谢谢，当我将错误行更改为const styles = require('./Events.module.scss'); 时，它可以工作，但我得到了一个建议，即将'require' 转换为'import ...非常烦人
我在How to use CSS Modules with TypeScript and webpack 找到了解决方案 - 这有点小题大做，但有可能

标签： css angular typescript visual-studio-code

【解决方案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
          }
        }
      ]
    }
  ]
}

这有点小题大做，但有可能

【讨论】：