Скомпилированный файл S CSS не добавляется в пользовательский файл _document js. NEXTJS - PullRequest
Новая
       44

Скомпилированный файл S CSS не добавляется в пользовательский файл _document js. NEXTJS

0 голосов
/ 26 апреля 2020

У меня проблема при попытке использовать s css с пользовательским файлом '_document. js'.

Скомпилированный результат не добавляется в качестве ссылки на таблицу стилей.

Вот файл '_document. js' 

import Document, { Main, NextScript } from 'next/document'

class CustomDocument extends Document {
  render() {
    return (
      <html lang='es' dir='ltr'>
        <head>
          <meta charSet='utf-8' />
          <link
            rel='stylesheet'
            href='https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i'
          />
        </head>
        <body>
          <Main />
          <NextScript />
        </body>
      </html>
    )
  }
}

export default CustomDocument

Я использую @ zeit / next-sass и node-sass. Вот мой следующий файл конфигурации. js file 

const withSass = require('@zeit/next-sass')

module.exports = withSass()

Я что-то упустил? Нужно ли добавить конфиг?

Спасибо !!

1 Ответ

1 голос
/ 04 мая 2020

Вы импортировали свой глобальный файл s css в pages / _app. js? Если у вас нет страниц / _app. js, вы должны импортировать его отдельно поверх всех файлов в папке страниц.

Если вы используете Next JS> 9.3, теперь у вас есть встроенная поддержка S CSS. Вы можете удалить файл next.config. js и добавить настройки, как указано в ссылке ниже.

https://nextjs.org/blog/next-9-3#built -in-sass-support-for-global-stylesheets

...