html syntax in next.js destroyed When I save the index.js file

Question

I'm facing a problem in VSCode, I'm currently working on a next.js project, the problem is when I try to save the index.js file the HTML syntax is crashing, I don't know how to solve it, please help and thank you in advance

before saving screenshot_before_saving

after saving screenshot_after_saving

As Tomas said, check your "format on save" and formatter options in vscode. — Phix
– Phix, Commented Aug 13, 2021 at 21:01

Tomáš Čikovský · Accepted Answer · 2021-08-13 20:56:27Z

1

well, this is just a guess but vs code may be interpreting your file wrong. It thinks it is just plain js but it is actually js + jsx and so you need to change the file from .js to .jsx. but to be honest it should work either way. just a guess.

answered Aug 13, 2021 at 20:56

Tomáš Čikovský

399 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matarwy Over a year ago

thank's it work< there was an XML format plugin when I uninstalled it, it worked

Vow mj · Accepted Answer · 2022-10-31 06:43:24Z

0

I faced the same issue and I happened because I have two formatter, you should disable the js-css-html formatter and user prettier formatter

answered Oct 31, 2022 at 6:43

Vow mj

11 bronze badge

Comments

Mostak Ahamed Nishat · Accepted Answer · 2024-05-01 06:20:32Z

0

Go to vs code settings.json and push this line of code into the object.

"files.associations": {
    "*.js": "javascriptreact"
  },

Hope that will work.

answered May 1, 2024 at 6:20

Mostak Ahamed Nishat

875 bronze badges

Collectives™ on Stack Overflow

html syntax in next.js destroyed When I save the index.js file

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related