启动vue应用程序时“无法读取未定义的属性'升级'”答案

【问题标题】："Cannot read property 'upgrade' of undefined" when starting vue application启动vue应用程序时“无法读取未定义的属性'升级'”
【发布时间】：2019-08-16 08:31:27
【问题描述】：

我有一个项目已经完美运行了几个月，能够毫无问题地运行npm run serve。每当我切换网络时，我都必须终止并再次运行该命令，但这从来都不是问题，服务器总是可以重新启动。

直到现在 - 无论我做什么，我都无法启动服务器。我收到此错误：

npm run serve

> xbs@0.6.2 serve D:\workspace\[PROJECT]
> vue-cli-service serve

 INFO  Starting development server...
 10% building 1/1 modules 0 active ERROR  TypeError: Cannot read property 'upgrade' of undefined
TypeError: Cannot read property 'upgrade' of undefined
    at Server.<anonymous> (D:\workspace\[PROJECT]\node_modules\webpack-dev-server\lib\Server.js:667:47)
    at Array.forEach (<anonymous>)
    at new Server (D:\workspace\[PROJECT]\node_modules\webpack-dev-server\lib\Server.js:666:22)
    at serve (D:\workspace\[PROJECT]\node_modules\@vue\cli-service\lib\commands\serve.js:137:20)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
    at Function.Module.runMain (module.js:695:11)
    at startup (bootstrap_node.js:191:16)
    at bootstrap_node.js:612:3

我最后一次收到此消息是在我忘记设置 .env 文件时，但这是一个之前的工作副本，其中设置了所有必要的文件，并且自上次工作运行以来没有任何更改 .

我什至尝试提取一个新的 repo 副本，运行 npm i 并设置所有 env 文件，但它仍然失败。

npm run lint 和npm run build 仍然可以工作，只有npm run serve。

我错过了什么吗？

【问题讨论】：

该行似乎与 websocket 代理有关
@Phil 我迷路了 - 我该怎么做才能解决它？
您的vue.config.js 文件中有什么内容？
@Phil 感谢您的提示 - 我的 vue 配置中的 devServer.proxy 确实在尝试访问不再存在的环境变量。奇怪的是，这在过去一周左右不是问题，因为我删除了那个变量，但是删除了对变量的引用解决了这个问题。谢谢！
最新的 webpack-dev-server 版本检测到这一点并跳过代理目标。在这里做了一个 PR github.com/webpack/webpack-dev-server/pull/3647 来警告用户。

标签： vue.js npm vuejs2 webpack-dev-server vue-cli-3

【解决方案1】：

对我来说，是我在克隆后忘记创建（或从另一台 PC 复制）.env 文件并尝试在另一台 PC 上运行我的项目。

【讨论】：

【解决方案2】：

我猜你的 devServer.proxy.target 是空的！你可以设置这个配置

【讨论】：

【解决方案3】：

问题又出在 .env 文件上。我的vue.config.js 试图访问一个以前设置的环境变量，该变量后来被删除。

唯一奇怪的是到现在都没有问题？

【讨论】：

我确信这为我节省了一个小时的调试时间。我在 vue.config.js 中有 devServer 设置，这让我搞砸了。