突然我的 Vue.js 开发工具停止工作了。我在 chrome 中使用了大约 2 年(因为我开始开发 Vue.js)。现在我在 chrome 中看不到 devtools。昨天就这样发生了——我使用了一段时间的 devtools,然后我在做别的事情,过了一会儿,我注意到了一些事情——devtools 不在了。即使扩展程序说 devtools 有效:
为什么它不是“我的”问题:
- 我用了2年没问题,直到现在
- 它在早上工作,然后它“只是”停止了
- 现在它不适用于任何项目,即使我知道它以前也有效
- 我没有使用生产模式,缩小版本等......我通过webpack编译它并且之前工作过。
- 它甚至在简单新鲜的 Vue.js 应用程序上也不起作用 *
为什么我到目前为止尝试:
操作系统:macOS Catalina 10.15.4 (19E287)
浏览器:83.0.4103.61
Vue.js 开发工具:5.3.3
* 新鲜的 Vue.js 应用程序代码如下所示:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
</script>
</body>
</html>