JS файл не загружается на Live Server в VS Code

Question

Я начинаю использовать VS Code, поэтому у меня нет большого опыта работы с ним. Похоже, мне нужно добавить все, что мне нужно, вручную. Исходя из Visual Studio, это немного странно в начале, хотя я вижу преимущества.

Я выбрал Live Server ( https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) в качестве веб-сервера для своих проектов, над которыми я буду работать в коде Visual Studio. Не уверен, что это хороший выбор, но его высоко оценили.

Вот проблема у меня: когда я запускаю Live Server, я могу подтянуть html файл в корне, но Live Server отказывается загружать bundle.js файл, который также находится в корневой папке.

Не загружается bundle.js подать через index.html страница, которая ссылается на это js файл. Он также отказывается загружать его, если я просто наберу URL для bundle.js в браузере т.е. http://127.0.0.1:5500/bundle.js, Когда я пытаюсь получить доступ к bundle.js файл через браузер, я получаю:

Не удается получить /bundle.js

Когда я запускаю инструменты разработчика в Chrome, я вижу следующее, но когда я захожу в настоящую папку, я вижу, что файл там.

Есть идеи, почему это происходит и как это решить?

Answer 1

Этот вопрос может быть старым, но я столкнулся с той же проблемой при переходе с XAMPP на расширение Live Server. Теги скрипта нормально загружались в XAMPP, но выдавали 404 на Live Server. Проблема оказывается в формате относительного пути.

Я имел:

src="/main.js"

И это должно быть:

src="./main.js"

С точкой.

Answer 2

Если вы сделали следующее:

<script> src="main.js"; </script>

замените его на:

<script src="main.js";> </script>

Answer 3

Я считаю, что эта проблема заключается в том, что вы можете видеть вывод HTML на живом сервере, но вы не можете видеть вывод JS на живом сервере. Если это ваш вопрос, мой ответ: вам не нужен живой сервер для файла JS, но вы перейти непосредственно к cosole, т. е. вы делаете два файла, один html, а другой - js, и соединяете оба, указав путь src файла js в html и показывая веб-сайт на сервере жизни, затем щелкните правой кнопкой мыши: проверить, затем перейдите к элементу, близкому к элементу, есть консоль, которую вы меняете в файле js через изменения в консоли.

Answer 4

У меня была аналогичная проблема, только сhtmlфайл и неjs.

Решение

добавьте следующую настройку живого сервера в файл settings.JSON кода Visual Studio:

      "liveServer.settings.host": "localhost"

Таким образом, живой сервер будет использоватьlocalhostа не по умолчанию127.0.0.1

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

Answer 5

У меня тоже была эта проблема. Может быть некоторая проблема с расширением кода Live-Server VS. Я верю, если вы используете командную строку live-server в вашем каталоге, который содержит файл index.html, он должен работать.

Answer 6

Когда я поместил файл js в подпапку с именем "js" в этом случае, сделав вызов, используя приведенный выше пример js/main.js. Это сработало.