next.js 全局CSS不能从自定义文件以外的文件导入< App>

p8ekf7hl  于 2022-11-05  发布在  其他
关注(0)|答案(2)|浏览(158)

我收到以下错误:

./styles/globals.scss
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).

Read more: https://nextjs.org/docs/messages/css-global
Location: pages/_app.tsx

当我注解掉_app.tsx中的以下行时,这个错误就消失了

// import "@styles/globals.scss";

但是注意到样式表没有被应用。有什么办法可以解决这个问题吗?
这是npm list的输出
第一个

pu3pd22g

pu3pd22g1#

很明显,Windows上的next@11.1.1有一个突破性的更改。降级到next@11.1.0以解决此问题。
来源:https://stackoverflow.com/a/68992114/12198209

lsmepo6l

lsmepo6l2#

我遇到了同样的问题,我认为问题是我所有的代码都被SmartSynced到Dropbox。当我在一个没有别名的文件夹中运行create-next-app时,一切都正常。我怀疑Node/Webpack因为别名而看到了错误的路径,这导致了错误。

相关问题