sass - IntelliJ/Webstorm 在 stylejsx 中找不到“@import”引用

Question

大家好，我使用 gatsby 和 stylejsx（nextjs creator 包）对其进行样式设置，我将 stylejsx 配置为通过 sass-plugin 进行转换，然后转换为 css。

{
  resolve: `gatsby-plugin-styled-jsx`,
  options: {
    jsxPlugins:
      ["@styled-jsx/plugin-sass"],
  },
},

我有 sass 变量的文件夹，我将它导入到我的反应组件的标签中，如下所示：

<style jsx>{`               
  @import 'src/global-style-sass/variable.scss';

  .element {
     color:$primary;
  }
`}</style>

所以我在 variable.scss 中的颜色变量可以被 stylejsx 使用，一切正常，我可以通过在“variable.scss”文件中更改“$primary”sass 变量来更改这个反应组件中的颜色“div.element”标签。但是 Webstorm 让我对“@import”src/variable.scss“行的错误感到恼火我在 webstorm 中将“根资源设置”设置为 src 如果使用“@import”/src/style/variable.scss“”我的颜色网页不工作，但 webstorm 不抱怨