next.js: Error CSS did not loaded for create-next-app@latest --experimental-app

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System: Platform: linux Arch: x64 Version: Ubuntu 20.04.0 LTS Thu Dec 22 2022 19:59:01 GMT+0100 (Central European Standard Time) Binaries: Node: 16.14.2 npm: 7.17.0 Yarn: 1.22.19 pnpm: 7.13.6 Relevant packages: next: 13.1.0 eslint-config-next: 13.1.0 react: 18.2.0 react-dom: 18.2.0

Which example does this report relate to?

https://beta.nextjs.org/docs/installation

What browser are you using? (if relevant)

Chrome

How are you deploying your application? (if relevant)

No response

Describe the Bug

I just want to test Next 13.1, but it failed from start. On local, No CSS loaded, I tried to change to SCSS but still not work too image On stackblitz I got. Project can’t run

Attempted to load @next/swc-linux-x64-gnu, but an error occurred: Cannot load native addon because loading addons is disabled: /home/projects/nextjs-ktwu29/node_modules/@next/swc-linux-x64-gnu/next-swc.linux-x64-gnu.node

Expected Behavior

CSS load normal

To Reproduce

https://stackblitz.com/edit/nextjs-ktwu29?file=app/layout.tsx

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Reactions: 25
  • Comments: 24 (3 by maintainers)

Most upvoted comments

Doesn’t load tailwindcss after upgrade to 13.1.0 for me.

If you have linux it works perfect , if you upload to vercel also works fine , the problem seems to only occure on windows through “dev and build” but not when uploaded to vercel or linux . someone need to look into this.

I am beginning to think no one at Next.js actually tests the app folder on Windows before releasing a new version which is insane to me.

I’ve released a new stable patch version: https://github.com/vercel/next.js/releases/tag/v13.1.1, it’ll take ~15mins before it’s on npm. Happy holidays!

This issue is resolved in the latest canary version (v13.1.1-canary.0). And directly solved in #44310

There is a PR in progress for a fix: #44305

With the experimental appDir: true

next dev --turbo css works and loads fine next dev css does NOT work

But next build still relies on the non turbo version so can’t rely on turbo

Anyone got solution same with me tailwind is not loading