带有 SCSS 文件的 jsx 文件中反应属性的 PhpStorm 警告

编程问答 2022-04-30

问题描述

如何去除 jsx 文件中 PHPStorm 中的“UnkNown class name”警告？

假设我在 SCSS tab-lists 中有一个类，其项目类似于

.tab-lists {
      &__item {
        width: 1 / 3 * 100%;
        display: inline-block;
  }
}

在我的 jsx 文件中，我是这样使用的：

<Tab className={`${styles["tab-lists__item"]}`}>Overview</Tab>

但我的 PHPStorm 总是显示

未知的类名“tab-lists__item”

如何删除此警告？

解决方法

错误信息来自第三方React Css Modules插件，请向插件供应商报告问题（https://github.com/Kemoke/ReactCssModules/issues）

PhpStorm 本身可以解析自 v. 2021.1 以来使用 & 创建的 SASS/LESS 选择器，请参阅 WEB-35215

javascriptreactjsreactjsreactjsreactjswebstormwebstorm