Theo's Typesafe CultTTC
Theo's Typesafe Cult•3y ago•
4 replies
MrGreyKnight

Global CSS cannot be import, src directory issue

Probably a noob question, just trying the T3 stack with turbo.

No changes to the code other than adding, turbo and setting environment variables.

However, I am getting an issue with the global css import due to the src directory usage.

dev: ready - started server on 0.0.0.0:3001, url: http://localhost:3001
dev: info  - Loaded env from C:\Users\****\#Code\****\.env
dev: (node:26312) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API
dev: (Use `node --trace-deprecation ...` to show where the warning was created)
dev: error - ../../#Code/****/src/styles/globals.css
dev: 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).
dev: Read more: https://nextjs.org/docs/messages/css-global
dev: Location: ..\..\#Code\spartan-v2\src\pages\_app.tsx


I have not used the src directory within next myself before and cannot seem to find anything that would relate to the issue through the docs (t3, nextjs) and unsure how to resolve
Was this page helpful?