我收到以下错误:
./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
的输出
第一个
2条答案
按热度按时间pu3pd22g1#
很明显,Windows上的
next@11.1.1
有一个突破性的更改。降级到next@11.1.0
以解决此问题。来源:https://stackoverflow.com/a/68992114/12198209
lsmepo6l2#
我遇到了同样的问题,我认为问题是我所有的代码都被SmartSynced到Dropbox。当我在一个没有别名的文件夹中运行create-next-app时,一切都正常。我怀疑Node/Webpack因为别名而看到了错误的路径,这导致了错误。