search

carbon-app / carbon

:black_heart: Create and share beautiful images of your source code
https://carbon.now.sh
MIT License
34.3k stars 1.91k forks source link

Global Css and missing files when start dev enviroment #1446

Open blackmouse572 opened 1 year ago

blackmouse572 commented 1 year ago

Describe the bug It's seem like some module of codemirror (tiddlywiki) have conflict with nextjs css. Beside that, next cannot found files for / in build manifest

To Reproduce Steps to reproduce the behavior:

  1. Clone project
  2. Run yarn
  3. See error

Expected behavior When navigate to localhost:3000 you should see error Global CSS cannot be imported... then a black screen appeared. Screenshots image image

Info (please complete the following information):

Nabeelshar commented 1 year ago

Same here, if you visit using chrome you could see the error ./node_modules/codemirror/mode/tiddlywiki/tiddlywiki.css 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