Invalid|Invalid Path in liveServer settings root settings Live InvalidPathinliveServersettingsroots

author: Nathannie
date: 2022年6月22日15:56:08
问题背景

环境参数:

在vscode编写网页，使用插件 Live Server,在网页文件中，鼠标右键选择【Open with Live Server】，弹出提示框，并未跳转到浏览器页面。

Invalid|Invalid Path in liveServer settings root settings Live

文章图片

图1-鼠标右键选项界面
报错信息报错内容:
Invalid Path in liveServer settings root settings Live Server will serve from workspace root
报错截图:

文章图片

图2-报错提示框
问题分析一个项目可以有一个单独的vscode配置，结构如下。

project |——.vscode |——settings.json

而当前情况是在c盘桌面创建一个文件夹，并创建.html文件用于测试。live server采用的是默认root配置,而不是项目的设置。因此需要修改live server的root配置，使得每一个项目都有各自的root配置。
问题解决 【Invalid|Invalid Path in liveServer settings root settings Live】参考github上一个回答：

@cohn17 I had some issues too. What I did was:
引用

Create a folder under the root of the site, called .vscode

Add a file there, called settings.json

Edit the file and add the following:
引用

{ "liveServer.settings.root": "/dist" }

引用
(dist being the root folder I want the liveserver to know about)
引用
Then I actually had to edit the global settings.json:
引用

CTRL+SHIFT+P and type "Preferences".

Search for "liveserver" and click "Edit in settings.json"
引用

文章图片

引用

I then added the same code inside my global settings.json:
引用

文章图片

引用

Then launched liveserver, killed it, removed the setting in the global settings.json and then relaunched the server.
引用
From now on, liveserver seems to follow whatever is written in the /.vscode/settings.json - file. Perhaps a bug in vscode?
引用