使用内置的Next.js CSS加载器,而不是legacy @zeit/next-sass
。
module.exports = {
/* config options here */
};
按照错误消息中的建议移动全局CSS。
import '../global-styles/main.scss'
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
您以前可能没有此错误,因为Next.js放弃了对文件中的全局CSS的支持,而/pages/_app.js
不仅仅是在最新版本中。
例如,如果您有一个组件,则Button.js
可以创建一个Sass文件button.module.scss
并将其包含在该组件中。