gpt4 book ai didi

vue.js - 组件未显示在 Vue DevTools 中

转载 作者:搜寻专家 更新时间:2023-10-30 22:10:46 33 4
gpt4 key购买 nike

有人遇到过这个问题吗?我正在使用 Vue Devtools 但无法检查任何组件,因为没有出现。没有根组件或任何东西。几乎只是一个空白的 DevTools。我是 Vue 的新手,所以我确定我遗漏了一些明显的东西。我正在使用 webpack cli 模板,还没有实现任何 Vue 路由器的东西。搜索组件时也没有任何结果。我假设它在这 3 个文件中?

主要.js

import Vue from 'vue'
import App from './App'
var db = firebase.database();

var vm = new Vue({
el: '#app',
created: function() {
// Import firebase data
var quizzesRef = db.ref('quizzes');
quizzesRef.on('value', function(snapshot) {
console.log(snapshot.val());
vm.quizzes = snapshot.val();
});
},
data: function() {
return {
authenticated: false,
quizzes: {},
resources: []
}
},
template: '<App/>',
components: { App }
})

App.vue

<template>
<div id="app">
<navbar></navbar>
<resource-info></resource-info>
</div>
</template>

<script>
import Navbar from './components/Navbar'
import ResourceInfo from './components/ResourceInfo'

export default {
name: 'app',
components: {
Navbar,
ResourceInfo
}
}
</script>

<style>
</style>

Index.html(省略标题)

<body>
<div id="app" class="container-fluid"></div>
<!-- built files will be auto injected -->
<script>
// Initialize Firebase
var config = {
apiKey: "",
authDomain: "",
databaseURL: "",
storageBucket: "",
messagingSenderId: ""
};
firebase.initializeApp(config);
</script>
</body>

最佳答案

我遇到了同样的问题,这是为我解决的问题:

确保启用了 chrome 扩展设置 (chrome://extensions) 中的允许访问文件 URL。重新启动 Chrome。

打开Vue DevTools扩展,在页面打开一个Vue组件后点击右上角的刷新按钮。

我希望这对某人有帮助。

关于vue.js - 组件未显示在 Vue DevTools 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40186095/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com