next.js中的html语法被破坏了

Question

我在 VSCode 中遇到问题，我目前正在开发一个 next.js 项目，问题是当我尝试保存 index.js 文件时，HTML 语法崩溃，我不知道如何解决它，请帮忙并提前谢谢您

保存前

保存后

Answer 1

嗯，这只是一个猜测，但 VS Code 可能会错误地解释您的文件。它认为它只是普通的 js，但实际上是 js + jsx，因此您需要将文件从 .js 更改为 .jsx。但说实话，无论哪种方式都应该有效。只是猜测。

Answer 2

我遇到了同样的问题，因为我有两个格式化程序， 你应该禁用 js-css-html 格式化程序和 user prettier 格式化程序

Answer 3

进入 VS Code settings.json 并将这行代码推送到对象中。 

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

希望能成功。