Почему не работает live server в vs code
Перейти к содержимому

Почему не работает live server в vs code

  • автор:

Live server installed but not working in VS code

I have installed the live server extension but the browser does not update after I save my HTML or other files. What might be causing a problem?

26 Answers 26

I had this problem and I solved it by changing the port number in the settings.json file to an opened one.

To get to the settings.json file you just click CTRL + SHIFT + P , then type "settings", click the "Preferences: Open Settings (JSON)", then paste this inside the < >:

This will randomly pick an opened port each time. This is how my JSON file looks like:

If there are multiple lines in the JSON file, make sure each line is separated by a comma( , ), like this:

Re-install the extension and restart your text editor to fix the issue.

sɐunıɔןɐqɐp's user avatar

I have gone through many solutions and picked few combinations and all of a sudden it worked. So here are the steps:

Go to system environment variables > system variables > click on path > edit > add new path line : C:\Windows\System32 > apply it and close.

Now open VS Code and (re-)install Live Server.

Go to extension settings of Live Server.

Click on "Edit in settings.json" and add below statements:

"liveServer.settings.root": "/", "liveServer.settings.port": 63404, (this port number varies) Now go back to extension settings again and scroll down to set Live Server Custom Browser. Choose Null from the dropdown.

Note: These points all together solved my issue and may not work or work for others.

If live server is not runnning and rendering html page on port 5500,for example not working.

Then this may be due to connection issue on your system.

I had same problem when i was compiling below html page:

Solved it by changing live server settings to my local IP and it fixed issue.

My local ip: is rendering changes on fly and working.

This works for anyone for whom live server is not running by default with port 5500.

It is because you have added insufficient paths in your Environmental variables.

First you can do is close the vs code

Go to the properties of My Pc

Click on Advanced Settings

click on Environmental Variables


from there you can add path clicking the path variables in the table shown there 6 . Add a new line to the path and copy paste the path of your system 32

hope this solution works in your case

Live server started but still isn’t opening the page in your browser automatically

Note: some time port number 5500 will be changed to 5501

Doddanna D's user avatar

I had a space in the file name, where the index.html was to be found.
Like: 3. Typography .
Just got rid of the space: 3.Typography because (of course) we can not have empty spaces in a url.

its easy to solve. just open setting by (ctrl + ,)and pick commonly Used first field is a (Auto save) Its value is by default off you must change it to After delay

Mehdi's user avatar

Please use the proper HTML syntax which is ��

Being a newbie to web development, I was only using the head tag . The web page was working in the browser but the live server couldn’t process it. You can get the above snippet in vscode by typing html:5 and then hitting tab.

Also, make sure that the autosave feature in vscode is enabled, which you can do by going to vscode settings shortcut : Ctrl + , and then type autosave. Change Files: Auto Save to afterDelay and if you want to view the changes in your code instatenously, edit Files: Auto Save Delay to 1 .

Now sit back and watch the magic happen��.

Kshitij Agarwal's user avatar

I was using this in a folder and folder’s name has some irregular letters like capital i "İ". When I chance the folder’s name to suits english rules it works.

This is happening because you have changed some default settings. You should reset them all to run the live server. Unless you should define what did you change to the live server.

If the live server still not working,

Make sure you have embedded your folder to VS code. If you didn’t just press Ctrl + B and Click on the Add New Folder Icon. Then choose your project’s folder. Then right-click on your project.html and it will open.

If didn’t work, type in the Address bar in your browser like Localhost server should open now.

Still, you had the problem, they try to close and reopen VS code several times.

If still, you got the problem, try to install your default web browser in the default path in your C drive. (C://Program files. )

If you still have the problem it might be a problem with the live server. You should uninstall it and install another version outed lately.

«Go Live» is no displayed. #160

«Go Live» is no displayed.
Since it was displayed until a few days ago, was there any change in version upgrade?

The «Open with Live Server» command displays an entry field but has no guidance as to what to enter.

live server version 5.0.0

The text was updated successfully, but these errors were encountered:

Entering the «http://localhost:5050/» in the «Open with Live Server» command will cause a long error on the development tool’s console.
I guess this is only because I do not understand how to use this command.

console.ts:136 [Extension Host] WARNING: Promise with no error callback:5
log.ts:171 ERR Cannot read property ‘uri’ of undefined: TypeError: Cannot read property ‘uri’ of undefined
at setOrChangeWorkspace.then.workspaceName (C:\Users\USERNAME.vscode\extensions\ritwickdey.liveserver-5.0.0\out\src\workspaceResolver.js:46:86)
at Object.g [as _notify] (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:76:971)
I will skip it because it is so long.

I do not know the reason why the «Go Live» button is not displayed.
It is displayed automatically while editing HTML files, right?

Sorry, Because I do not understand English, this sentence was translated by Goole.

Не открывается страница через Live Server плагин для VS Code в браузере

Заранее хочу сказать что я нашёл решения проблемы и хотел поделиться этим с вами! После установки VS Code хотел как можно быстрее начать работать в нём(так уж очееень приятно).

Устанавливал дополнительные плагины для него, один из них очень удобный — Live Server, вот только проблема, с пачки он не хотел открывать проект в браузере, только если вручную набрать ip/port(, то работал.

Вот для того чтобы он в вас запускался автоматически нужно прописать в Системных Переменных вот такую строчку —>>> C:\Windows\System32, вот и магия заработала, поздравляю.

Надеюсь кому то это будёт полезно 😉

Ответы (1 шт):

решила эту проблемы так: как советует автор поста открыла свойства компьютера — дополнительные параметры системы — переменные среды — а дальше самодеятельность: открыла переменную среду для пользователя (верхняя) — нашла PATH — вместо того, что там было вставила C:\Windows\System32 и магия свершилась

Русские Блоги

Vscode не отображался в прямом эфире после установки Live Server, и открыть с Live Server не работает

1. Вопрос:

После того, как VSCODE установил Live Server, Go Live не отображается, и открыть с Live Server не работает.

2. Решение:

Если VSCODE все еще не работает, версия Liveserver Switch, Сократить текущий живой сервер Версия И перезагрузить снова.

Интеллектуальная рекомендация

Matalb Read Json File

Matlab читает файл json В MATLAB данные могут быть записаны в файл JSON, но функция чтения JSON не найдена. После проверки его онлайн большинство из них являются личными функциями, и могут возникнуть .

Написать систему управления студентами с JDBC

Сначала подготовим ранее требуемую конфигурацию: классный файл, банку. Добавьте процедуру упаковки JAR: Щелкните правой кнопкой мыши имя проекта -> New-> Папка -> Имя папки Заполните в Lib (и.

удалить меры предосторожности для детей

Java-код Кусок обычного кода: Где gift_list — это идентификатор таблицы Если: Тогда только первая строка будет удалена в это время, потому что после удаления позиция строки будет сдвинута вперед на од.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *