Gatsby 盖茨比SCSS模块未编译

运行Gatsby版本3.0.1，带有sass 1.32.8。我刚开始玩一些东西，我遇到了一个我无法解决的奇怪问题

/gatsby config.js

module.exports = {
  /* Your site config here */
  plugins: [
    {
      resolve: `gatsby-plugin-sass`,
      options: {
        implementation: require("sass"),
      },
    },
  ],
}

import React from "react"
import homeStyles from '../styles/scss/index.module.scss'

export default function Home() {
  return <div className={homeStyles.testElement}>Hello world!</div>
}

/src/pages/index.js

module.exports = {
  /* Your site config here */
  plugins: [
    {
      resolve: `gatsby-plugin-sass`,
      options: {
        implementation: require("sass"),
      },
    },
  ],
}

import React from "react"
import homeStyles from '../styles/scss/index.module.scss'

export default function Home() {
  return <div className={homeStyles.testElement}>Hello world!</div>
}

我得到的错误是

尝试导入错误：“../styles/scss/index.module.scss”不包含默认导出（作为“homeStyles”导入）。

如果我尝试从“../style/scss/index/module.scss”将

import*作为主样式导入，错误是：
尝试导入错误：“testElement”不是从“../style/scss/index.module.scss”（作为“主样式导入”）导出的。

如果不知道插件是如何工作的，我看不到任何可能导致这种情况的问题。
请像以下那样使用它：

module.exports = {
  /* Your site config here */
  plugins: [
    {
      resolve: `gatsby-plugin-sass`,
    },
  ],
}

使用CSS模块不需要添加额外的实现，因此可以省略它们

此外，根据这一点，解决方案是将插件降级到
v4
，谢谢，但我仍然得到相同的错误。我尝试删除插件并重新安装，但没有效果。尝试降级到盖茨比v2。v3的实现取决于插件的代码，因此，在他们更新之前，您可能会面临一些警告或问题。结果表明，这有点像边缘案例。最近24小时内发布的最新版本（4.0.1）有一个bug。暂时降级至4.0.0。谢谢你的见解！我已经用解决方法更新了答案。你是否最终解决了降级依赖关系？降级暂时解决了它！