关于visual-studio-code:Invalid-Path-in-liveServer-settings-root-settings-Live

117次阅读

共计 1304 个字符，预计需要花费 4 分钟才能阅读完成。

author: Nathannie
date: 2022 年 6 月 22 日 15:56:08

环境参数:

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

图 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 配置。

参考 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?
援用