我只是来自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).
任何下一个god 都能指引我
当你把你的SCSS文件命名为styles.scss时，这个错误就会出现.js会理解您正在定义全局样式，但您正在try 将它们导入到组件中.例如
//component.jsx
import * as S from '../styles.scss' //throw an error in the terminal
根据this document，对于样式文件，您必须遵循它们的命名约定，比如styles.module.scss.下一个js会理解，您正在导入模块的样式文件.
//component.jsx
import * as S from '../styles.module.scss' //it's good now!
这个命名约定的目的是下一步.js希望分别获取您的资源，而不是最初获取所有资源，因此他们为样式文件设置了这个特定规则.