为什么 Live Server 只加载了我一半的 HTML 代码？答案

【问题标题】：Why is Live Server only loading half my HTML code?为什么 Live Server 只加载了我一半的 HTML 代码？
【发布时间】：2020-10-10 01:07:56
【问题描述】：

我已经在互联网上搜索了几个小时，试图找到分享我的问题的其他人，但这似乎对我来说完全是独一无二的。

所以基本上，我使用实时服务器启动我的非常小的 HTML 文件，但网页上只加载了 2 个 div，我不知道为什么。我已经对其进行了测试并将其范围缩小到纯粹是由实时服务器引起的问题，因为当从文件资源管理器中双击文件本身时，我的 html 文件加载完全正常，当我删除我的链接时我仍然遇到问题我的 css 和 js 文件来自 hmtl 文件。

这发生在最简单的代码上，非常烦人。

这里有一些简单的代码：

这是未加载元素的屏幕截图：

我还显示了“实时服务器注入的代码”位，因为我认为这可能是问题所在？

请帮忙，这快把我逼疯了。附言。我是直播服务器和网站制作的新手。

【问题讨论】：

你有多个<body>标签，而语义HTML文档只能有一个。

标签： html visual-studio-code npm-live-server

【解决方案1】：

整个 HTML 文件中只能有一个 body 标签。 你可以试试这个：

<html>
  <head>
    <title>HTML page</title>
  </head>
  <body>
    <div>
      <p>text</p>
    </div>
    <div>
      <p>text</p>
    </div>
    <div>
      <p>text</p>
    </div>
    <div>
      <p>text</p>
    </div>
  </body>
</html>

【讨论】：

我现在真的很笨，非常感谢。我尝试了另外两种查看 html 文件的方法，并且都可以正常工作，那么为什么这只会导致 Live Server 出现问题？