Почему Live Server загружает только половину моего HTML-кода?

Я часами искал в Интернете, пытаясь найти кого-то еще, кто поделился моей проблемой, но, похоже, она совершенно уникальна для меня.

В общем, я запускаю свой очень маленький файл HTML с работающим сервером, но на веб-странице загружаются только 2 элемента div, и я понятия не имею, почему. Я протестировал его и сузил его до чистоты проблемы, вызванной работающим сервером, поскольку мой html-файл загружается совершенно нормально, когда сам файл дважды щелкается в проводнике, и у меня все еще есть проблема, когда я удаляю свои ссылки на мои файлы css и js из файла hmtl.

это происходит в самом простом коде, и это так раздражает.

вот простой код:

введите здесь описание изображения

и вот скриншот элементов, которые не загружаются:

введите здесь описание изображения

и я также показываю код, введенный битом живого сервера, потому что я думаю, что это может быть проблемой?

пожалуйста, помогите, это сводит меня с ума. пс. Я новичок в создании живых серверов и веб-сайтов.


visual-studio-code html npm-live-server
person Flying Nat    schedule 10.10.2020    source источник
comment
У вас есть несколько тегов <body>, а семантический HTML-документ может иметь только один.   -  person Adrian Solarczyk    schedule 10.10.2020

Ответы (1)


arrow_upward
1
arrow_downward

Во всем файле 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>

person Himanshu Bhardwaj    schedule 10.10.2020
comment
Я чувствую себя действительно глупо сейчас, большое спасибо. Я попробовал два других метода просмотра html-файла, и оба работают, так почему же это вызывает проблему только с Live Server? - person Flying Nat; 10.10.2020