类型错误：无法读取未定义的属性“标题” - Gatsby SCSS

Question

我对此感到非常烦恼，我明白这个错误意味着什么，但就是无法深入了解它。

{headerStyles.title} 不断引发此 TypeError。据我所知，我的所有模块语法都是正确的。

header.js

import headerStyles from "./header.module.scss"

return (
    <div className={headerStyles.header}>
      <h1>
        <Link className={headerStyles.title} to="/">
          {data.site.siteMetaData.title}
        </Link>
      </h1>
    </div>
)

标头.模块.scss

.title {
  color: black;
  font-size: 3rem;
  text-decoration: none;
}

Answer 1

您可以使用import * as headerStyles from "./header.module.scss"