等待来自 WDS 的更新信号答案

【问题标题】：Waiting for update signal from WDS等待来自 WDS 的更新信号
【发布时间】：2020-02-12 15:54:53
【问题描述】：

我目前正在尝试为我的 Vue.js 应用程序使用 Twitter 身份验证创建登录页面。我一直在关注这个tutorial 和这个code。每当我运行我的项目时，我都会得到 p>

[HMR] 等待来自 WDS 的更新信号...

有什么办法可以克服这个 WDS 错误吗？谢谢。

This is the error I receive in the browser's console.

【问题讨论】：

标签： vue.js

【解决方案1】：

[HMR] Waiting for update signal from WDS... 不是错误。 HMR：热模块重新加载。 WDS：Webpack 开发服务器。这只是说当您保存文件时它已准备好刷新，因此您无需手动刷新。

实际错误似乎存在，因为您在某处使用了 <template> 标签，但您在 vue.config.js 中将 runtimeCompiler 选项设置为 false，或者它不存在。所以在你的 vue.config.js 中，将其设置为 true，或者添加选项并将其设置为 true。

文档来源：https://cli.vuejs.org/config/#runtimecompiler

【讨论】：

感谢您的回复！我在想这个。我在哪里可以找到 vue.config.js？它在某个地方的节点模块中吗？我对这个道歉很陌生
没问题。从同一个链接，就在页面顶部：“vue.config.js 是一个可选的配置文件，如果它存在于您的项目根目录中（在 package.json 旁边），它将由 @vue/cli-service 自动加载. 您也可以使用 package.json 中的 vue 字段，但请注意，在这种情况下，您将只能使用与 JSON 兼容的值。”

【解决方案2】：

这很奇怪，我也有这个错误，但是当我删除“form”标签并用“div”替换它时，它对我有用

【讨论】：

【解决方案3】：

这个问题是由表单引起的。将$event 属性添加到您的标签表单，并将e.preventDefault(); 属性添加到您的方法。

类似：

    <form action="" @submit="sendForm($event)">
    ....
    </form>
    <script>
    sendForm(e) {
        e.preventDefault();
        console.log("reload form")
    }
    </script>

【讨论】：

【解决方案4】：

在我的例子中，我在应用程序启动时遇到了一个无限循环，因为它在身份验证检查方面存在一些错误，导致 Vue 应用程序无法正确启动。

【讨论】：