Theo's Typesafe Cult•2y ago

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

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

4 Replies

MrGreyKnightOP•2y ago

just tested it with create-t3-app@latest with 0 changes and get the same issue

MrGreyKnightOP•2y ago

Unknown User•2y ago

Message Not Public

MrGreyKnightOP•2y ago

@LTroya thanks for the suggestion, removed the # and it did resolve the issue. Much appriecated. Didnt think to look at that as havent had the issue with other projects

Gaming

Programming

Global CSS cannot be import, src directory issue