在 React 应用程序中使用缺少的 SCSS 样式时，如何使 Visual Studio Code 显示错误？

问题描述

在我的 React 应用程序中，我从一个 SCSS 文件导入样式，如下所示：

import styles from './index.module.scss';

要使用特定的 SCSS 样式，我在组件上设置了 className 并从样式数组中获取样式：

<span className={styles['product-price__sign--negative']}>

当我像这样在类名中打错字时：

<span className={styles['product-price__sign--neg']}>

样式文件中没有该类型的 SCSS 样式。 在这种情况下，Visual Studio Code 应该显示一个错误，指示我正在尝试使用缺少的样式。

然而，它并没有发生，我也没有看到任何警告或错误。

当我使用 React 编码时 SCSS 文件中缺少的样式时，如何使 Visual Studio Code 显示警告/错误？

解决方法

这个扩展有帮助吗？ - [https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss]

,

你可以安装 eslint 模块和这个包： eslint-plugin-react-css-modules 它会显示您的 scss 类是否不存在