无法从“自定义”以外的文件导入Next.js Global CSS

使用内置的Next.js CSS加载器，而不是legacy

@zeit/next-sass

1. 用替换

   @zeit/next-sass

   软件包

   sass

   。

2. next.config.js

   将其删除或保留为空配置。

next.config.js

module.exports = {  };

按照错误消息中的建议移动全局CSS。

/pages/_app.js

import '../global-styles/main.scss'export default function MyApp({ Component, pageProps }) {  return <Component {...pageProps} />}

您以前可能没有此错误，因为Next.js放弃了对文件中的全局CSS的支持，而

/pages/_app.js

要将样式仅添加到特定的组件或页面，可以使用CSS模块的内置支持。

例如，如果您有一个组件，则

Button.js

button.module.scss

内置Sass支持

添加组件级CSS