next.js icon indicating copy to clipboard operation
next.js copied to clipboard

The css class are duplicated after save file.

Open Hardel-DW opened this issue 2 years ago • 1 comments

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 !

image

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

  1. Create a new project yarn create next-app --experimental-app .

  2. Start next dev or yarn dev or 'npm dev`

  3. Edit .tsx, or styles files (css, scss, module...).

  4. Opened the browser's developer tools.

  5. See that the classes are all duplicate.

Hardel-DW avatar Nov 15 '22 03:11 Hardel-DW

Duplicate https://github.com/vercel/next.js/issues/42702

JarrodMFlesch avatar Nov 15 '22 20:11 JarrodMFlesch

This issue was fixed in newer versions, let us know if it's still happening.

shuding avatar May 26 '23 20:05 shuding

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.

github-actions[bot] avatar Jun 26 '23 00:06 github-actions[bot]