如何修复 Visual Studio Code 中的“错误：不支持观看远程文件”问题

Posted 2023-02-22

【中文标题】如何修复 Visual Studio Code 中的“错误：不支持观看远程文件”问题

【英文标题】：How to fix "Error: Watching remote files is not supported" problem in Visual Studio Code

【发布时间】：2019-12-18 08:01:58

【问题描述】：

我有一段时间没有运行的 Vue 应用程序，现在我无法启动开发服务器？！与此同时，一些更新但不起作用。我尝试了新的干净 vue/vuetify 安装和同样的问题！

构建生产正常工作，只运行开发服务器不工作。

重要提示：在命令提示符下（在 VS Code 之外）运行“npm run serve”时，它可以正常工作。这不仅适用于 VS Code 终端。什么问题？

节点版本为 v10.16.0 npm 版本为 6.10.3

VS Code 关于：

Commit: 036a6b1d3ac84e5ca96a17a44e63a87971f8fcc8
Date: 2019-08-08T02:33:50.993Z
Electron: 4.2.7
Chrome: 69.0.3497.128
Node.js: 10.11.0
V8: 6.9.427.31-electron.0
OS: Windows_NT x64 10.0.17763

错误（来自终端窗口）：

> Executing task: npm run serve <


> portal@0.1.0 serve d:\Wamp64\www\portal
> vue-cli-service serve

 INFO  Starting development server...
 10% building 2/2 modules 0 active ERROR  Error: Watching remote files is not supported.
Error: Watching remote files is not supported.
    at Server.setupWatchStaticFeature (d:\Wamp64\www\portal\node_modules\webpack-dev-server\lib\Server.js:405:13)
    at Object.watchContentBase (d:\Wamp64\www\portal\node_modules\webpack-dev-server\lib\Server.js:477:14)
    at forEach (d:\Wamp64\www\portal\node_modules\webpack-dev-server\lib\Server.js:550:24)
    at Array.forEach (<anonymous>)
    at Server.setupFeatures (d:\Wamp64\www\portal\node_modules\webpack-dev-server\lib\Server.js:549:49)
    at new Server (d:\Wamp64\www\portal\node_modules\webpack-dev-server\lib\Server.js:125:10)
    at serve (d:\Wamp64\www\portal\node_modules\@vue\cli-service\lib\commands\serve.js:139:20)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:832:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! portal@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the portal@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Sasa Gosovic\AppData\Roaming\npm-cache\_logs\2019-08-11T10_35_40_418Z-debug.log
The terminal process terminated with exit code: 1

Press any key to close the terminal.

【问题讨论】：

我一直在刷新这个，希望有一个解决方案，因为 AdamDay 的以下内容对我不起作用。然而，之后可能需要安装 webpack-dev-server 和 vue-cli-service，但即使在这之后我也得到了错误，直到我创建了 vue.config.js 并添加了module.exports = lintOnSave: false, devServer: contentBase:'public', port: 9000 ，因为从外观上看dev-server 不知道在哪里观看。我仍然会寻找一个正确的答案。感谢您提出问题。

【参考方案1】：

这里的问题完全相同。我通过回滚 webpack-dev-server 的版本解决了这个问题。

npm install webpack-dev-server@3.7.2 --save-dev

看起来 setupWatchStaticFeature 函数在 3.7.2 和 3.8.0 之间发生了变化，这会触发该问题。

【讨论】：

谢谢。它解决了这个问题。我仍然担心如何避免这样的事情。 javascript 项目平均有超过 100 个模块，那么我如何知道更新后是否出现问题？？

【参考方案2】：

您可以编辑vue.config.js 文件，添加以下代码：

devServer: 
  contentBase: './public'

更多详情：https://github.com/webpack/webpack-dev-server/issues/2190#issuecomment-520670599

【参考方案3】：

在issue 打开之前，解决方法可能是使用 Git Bash 而不是 Windows 命令行来运行 npm run serve。我修改了Server.js 以输出contentBase 变量。使用 Windows 命令行或 Vue UI 时，变量包含“c:\...”。在我的 Windows 10 机器上使用 Git Bash，它包含“C:\...”并且它有效。