html、css中div盒子出现了问题

vscode用 open with live server 自动保存运行代码 报错；Hbuilder-x同样报错
代码：
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <style>
    div {
      width: 300px;
      height: 300px;
      background-color: pink;
    }
  </style>
  <body>
    <div>213</div>
  </body>
</html>
运行结果及报错内容

vscode

直接浏览器打开没问题

img

使用open with live server

img

我的解答思路和尝试过的方法

重新安装hbuilder-x，没有效果
检查代码，多了script，不知道是什么原因

img

我想要达到的结果

code injected by llive-server； 下面的js是额外注入的.

你这格式纯静态的，直接在浏览器里访问就行。

img