如何解决在 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 类是否不存在
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。