next.js
next.js copied to clipboard
The css class are duplicated after save file.
Verify canary release
- [X] I verified that the issue exists in the latest Next.js canary release
Provide environment information
Operating System:
Platform: win32
Arch: x64
Version: Windows 10 Home
Binaries:
Node: 16.14.2
npm: N/A
Yarn: N/A
pnpm: N/A
Relevant packages:
next: 13.0.3-canary.4
eslint-config-next: 13.0.3
react: 18.2.0
react-dom: 18.2.0
What browser are you using? (if relevant)
Version 107.0.5304.107 (64 bits)
How are you deploying your application? (if relevant)
next dev
Describe the Bug
The bug occurs with NextJS 13.
After starting the development environment with "next dev", an HotRelaoding, just save a file.
This action will duplicate all of the CSS classes.
These extremely annoying !
Expected Behavior
The styles are duplicated after save files.
Link to reproduction - Issues with a link to complete (but minimal) reproduction code will be addressed faster
https://github.com/Hardel-Labs/next13-template
To Reproduce
-
Create a new project
yarn create next-app --experimental-app .
-
Start
next dev
oryarn dev
or 'npm dev` -
Edit .tsx, or styles files (css, scss, module...).
-
Opened the browser's developer tools.
-
See that the classes are all duplicate.
Duplicate https://github.com/vercel/next.js/issues/42702
This issue was fixed in newer versions, let us know if it's still happening.
This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.