首页 > 解决方案 > JavaScript 文件中的 VS Code 格式 HTML (ReactJS)

问题描述

我正在使用安装了 Prettier 和 ESLint 的 VS Code 以及“保存时自动格式化”选项来开发 ReactJS 项目。每次我保存我的代码时,代码块都会从这里开始:

  return ( <div style = { style }
      className = { className }>
      { children }
  </div>
  );

对此:

  return ( <
      div style = { style }
      className = { className } > { ' ' } { children } { ' ' } <
      /div>
  );

我总是得到标记下划线的红色错误标志divJSX element 'div' has no corresponding closing tag.但是编译器运行顺利,没有错误或任何错误。

这不是一个系统性问题,但看到它的格式化方式和错误标志一直闪烁确实让我不悦。有没有解决方案来解决这个问题?

标签: javascripthtmlreactjsvisual-studio-code

解决方案


推荐阅读