gatsby sass не работает - ошибка импорта

Я пытался использовать gatsby-plugin-sass на своем сайте, но произошла забавная ошибка, см. Ниже.

warn Attempted import error: './header.module.scss' does not contain a default export (imported as 'headerStyles').

У меня есть header.module.scss и header.js, которые содержат:

import {Link} from "gatsby"

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

const Header = () => {
    return(
        <header>
            <h1>NetoSena</h1>
            <nav className={headerStyles.nav}>
                <ul>
                    <li><Link to="/">Home</Link></li>
                    <li><Link to="/about">About</Link></li>
                    <li><Link to="/contact">Contact</Link></li>
                    <li><Link to="/blog">Blog</Link></li>
                </ul>
            </nav>
        </header>
    )
}

export default Header

Так что я не знаю, что делать, пожалуйста, помогите мне. Спасибо


reactjs gatsby gatsby-plugin
person Neto Sena    schedule 10.03.2021    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Импортируйте это как:

import {Link} from "gatsby"

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

const Header = () => {
    return(
        <header>
            <h1>NetoSena</h1>
            <nav className={headerStyles.nav}>
                <ul>
                    <li><Link to="/">Home</Link></li>
                    <li><Link to="/about">About</Link></li>
                    <li><Link to="/contact">Contact</Link></li>
                    <li><Link to="/blog">Blog</Link></li>
                </ul>
            </nav>
        </header>
    )
}

export default Header

Это из-за импорта нового модуля Gatsby.

Вы можете следить за трассировкой стека обсуждения в этой ветке GitHub.

person Ferran Buireu    schedule 11.03.2021
comment
Это не ошибка, он работает так, как задумано: gatsbyjs.com/docs/reference/release-notes/ - person LekoArts; 11.03.2021
comment
Это сработало, спасибо большое - person Neto Sena; 12.03.2021
comment
е да. самый быстрый поиск решений, который я когда-либо делал. Спасибо - person Rob Matthews; 18.06.2021