为什么Vue.js Chrome Devtools无法检测到Vue.js?

西蒙·苏(Simon Suh):

我有一个简单的工作Vue.js应用程序的以下代码。但是vue.js devtools没有响应。几天前它运行良好,现在不再运行,可能是哪里出了问题?当我转到https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd时,它说它已经被添加了。

<!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">

  <script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

  <title>Document</title>
</head>
<body>
<div class="container">
  <div id="application">
    <input type="text" v-model="message">
    <p>The value of the input is: {{ message }}</p>
  </div>
</div>

<script>
  let data = {
    message: 'Hello World'
  }

  new Vue({
    el: '#application',
    data: data
  })
</script>
</body>
</html>
塞萨尔·卡斯特罗(Cesar Castro):

如OP 所述,一种替代方法是设置本地Web服务器
另一个-IMHO速度更快且骚扰更少-是让扩展程序可以访问文件URL,该URL默认情况下处于禁用状态。

只需转到chrome://extensions并保留Vue.js devtools 的“ 允许访问文件URL ”框。

来源:
https : //github.com/vuejs/vue-devtools#common-problems-and-how-to-fix
http://codersdeck.com/vue-js-2-setting-vue-devtools/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chrome 扩展程序 vue-devtools 未检测到 Vue

为什么Heroku无法检测到Node.js buildpack?

为什么Vue.js使用VDOM?

Vue模块组件检测到Vue.js版本?

为什么更新后无法在vue.js上运行?

Chrome扩展程序中的Vue.js

Vue.js:为什么不渲染组件?

为什么要在 vue.js 中计算属性?

为什么Vue.js允许推送到prop数组?

为什么要在Vue.js或React中使用组件?

为什么计算的vue.js变得不确定

为什么使用getter在vue js中未显示counter?

为什么我的tinymce图标突然消失了vue.js?

Vue.js-为什么函数每次都会重复?

为什么在 vue.config.js 中代理 404

为什么 Vue.js 图像组件不起作用?

Vue.js 为什么我的数组值被清除了?

为什么我在获取表单的值后无法重置表单(vue.js / js)

为什么vue.js无法使用moment.js使用datepicker更新dom

为什么路由器链接在Firefox和IE中不起作用,但是在vue js中的Safari和Chrome中可以正常工作?

在Chrome DevTools中实时更改Vue.js应用程序(Webpack模板)的页面样式

为什么 Vue.js 落后了?为什么我需要 jQuery 来获取当前值

为什么我无法从其他组件访问vue.js道具?

为什么Vue.js / Axios无法呈现我定义的数据?

Vue.js + Typescript:为什么无法将v模型识别为值?

Vue.js-地理位置无法在移动设备上运行...为什么?

为什么我的vue.js按钮无法创建新的文本区域?

为什么我无法在 Vue.js 的新选项卡中打开任何文件

Vue.js 3-在这种情况下,为什么无法导入vue-router?