等待来自WDS的更新信号

Question

我目前正在尝试为我的Vue.js应用程序创建一个使用Twitter身份验证的登录页面。我一直在跟踪这个教程和这个代码。每当我运行我的项目，我就得到

等待来自WDS的更新信号..。

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

这是我在浏览器控制台中接收到的错误。

Answer 1

[HMR] Waiting for update signal from WDS...不是一个错误。热模块重放。WDS: Webpack开发服务器。这只是说当您保存一个文件时，它已经准备好刷新，所以您不需要手动刷新。

实际的错误似乎是存在的，因为您在某个地方使用了<template>标记，但是在您的vue.config.js中将runtimeCompiler选项设置为false，或者它不存在。因此，在您的vue.config.js中，将其设置为true，或添加该选项并将其设置为true。

资料来源：https://cli.vuejs.org/config/#runtimecompiler

Answer 2

这是非常奇怪的事情，我也有这个错误，但当我删除“表单”标签并将其替换为"div“时，它对我有效。

Answer 3

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

类似于：

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