我刚从react后台来，我的意图是我想在组件级别使用SCSS文件，就像我在react应用程序中使用的一样，我不喜欢接下来的更改，因为它会出现一些粗俗的错误：
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).
1条答案
按热度按时间anhgbhbe1#
当您将SCSS文件命名为
styles.scss时，就会出现该错误，Next.js会理解您正在定义全局样式，但您正试图将它们导入到组件中。根据本文档，您必须遵循
styles.module.scss等样式文件的命名约定。Next.js将理解您导入的是模块的样式文件。这种命名约定的目的是Next.js希望分别获取您的资源，而不是一开始获取所有资源，因此他们为样式文件设置了这种特殊规则。