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:
援用

  1. Create a folder under the root of the site, called .vscode
  2. Add a file there, called settings.json

  3. 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:
    援用

  4. CTRL+SHIFT+P and type "Preferences".
  5. Search for "liveserver" and click "Edit in settings.json"
    援用

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

    援用
  7. 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?
    援用
⚠️ 留神： 批改为liveServer.settings.root: "/dist" 后，以后演示的状况，点击【Open with Live Server】，后端口号一直的批改并且随同着提示框一直闪动。猜想可能是以后零碎端口号有余，live Server正在寻找可用端口导致的。
"liveServer.settings.port": 3248

相干参考

  • https://github.com/ritwickdey...
  • https://github.com/ritwickdey...