Next.js SCSS文件编译结果未添加到自定义文档js文件。下一代_Next.js_Next

Next.js SCSS文件编译结果未添加到自定义文档js文件。下一代

next.js

Next.js SCSS文件编译结果未添加到自定义文档js文件。下一代,next.js,next,Next.js,Next,当我尝试将SCS与自定义的“\u document.js”文件一起使用时，我遇到了一个问题编译后的结果没有作为样式表链接添加这是“_document.js”文件 import Document, { Main, NextScript } from 'next/document' class CustomDocument extends Document { render() { return ( <html lang='es' dir='ltr'>

当我尝试将SCS与自定义的“\u 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

我错过什么了吗？我需要添加一些配置吗

谢谢

您是否在pages/\u app.js中导入了全局scss文件？如果您没有pages/_app.js，您应该在pages文件夹中的所有文件之上单独导入它

如果您使用的是NextJS>9.3，那么您现在已经内置了对SCS的支持。您可以删除next.config.js并添加下面链接中提到的设置

我尝试链接此“\u next/static/style.css”，但不起作用：(

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

module.exports = withSass()