Javascript 属性或方法“;名称“;未在实例上定义,但在渲染期间引用

Javascript 属性或方法“;名称“;未在实例上定义,但在渲染期间引用,javascript,firebase,firebase-realtime-database,vuejs2,vuefire,Javascript,Firebase,Firebase Realtime Database,Vuejs2,Vuefire,我正在使用vuejs和Firebase创建CRUD,但我不知道如何修复此错误, [Vue warn]:属性或方法“名称”未在实例上定义,但在呈现过程中被引用。 因此,我可以将信息添加到实时数据库中,但是,我无法将数据库表中的数据显示到我的Vuejs应用程序中。 有人能帮我吗 这是我的firebase.js 从“firebase”导入firebase; 常量firebaseConfig={ apiKey:“AIzaSyBDWnEjj0OJayCxR4kJl4iDn9LocDGVcw8”, auth

我正在使用vuejs和Firebase创建CRUD,但我不知道如何修复此错误,
[Vue warn]:属性或方法“名称”未在实例上定义,但在呈现过程中被引用。

因此,我可以将信息添加到实时数据库中,但是,我无法将数据库表中的数据显示到我的Vuejs应用程序中。 有人能帮我吗

这是我的firebase.js

从“firebase”导入firebase;
常量firebaseConfig={
apiKey:“AIzaSyBDWnEjj0OJayCxR4kJl4iDn9LocDGVcw8”,
authDomain:“操作数teste front end.firebaseapp.com”,
数据库URL:“https://operand-teste-front-end.firebaseio.com",
projectId:“操作数测试前端”,
storageBucket:“操作数测试前端.appspot.com”,
messagingSenderId:“648371507080”,
appId:“1:648371507080:web:6030b3583a933b69e2b43d”,
测量结果:“G-RN0RCH48Y4”
}
const firebaseApp=firebase.initializeApp(firebaseConfig)
export const db=firebaseApp.database()
导出常量namesRef=db.ref('names');
导出常量jobRefs=db.ref('jobs'))
main.js

从“Vue”导入Vue
从“./App.vue”导入应用程序
导入“./Firebase”
从“vuefire”导入{firestorePlugin}
Vue.use(firestorePlugin)
新Vue({
el:“#应用程序”,
渲染:h=>h(应用程序)
})
App.vue


积垢usando VUEJS+火基

诺姆:
Profissão:
阿迪西奥纳
从“/Firebase”导入{jobRefs,namesRef} 导出默认值{ 数据(){ 返回{ 诺姆:“, 作业:“” } }, 火基:{ 姓名:namesRef }, 方法:{ addPessoa(){ namesRef.push({nome:this.nome,edit:false}) 推送({job:this.job,edit:false}) } } } #应用程序{ 字体系列:Arial、Helvetica、无衬线字体; -webkit字体平滑:抗锯齿; -moz osx字体平滑:灰度; 文本对齐:居中; 颜色:#2c3e50; 边缘顶部:60像素; } h1,h2{ 字体大小:正常; } 保险商实验室{ 列表样式类型:无; 填充:0; } 李{ 显示:内联块; 利润率:0.10px; } a{ 颜色:#42b983; } 1.处方{ 宽度:170px; 边框:3倍水性固体; 保证金:20px自动; 背景色:rgb(102201255); } 钮扣{ 边界:2px; 背景色:透明; }
预期结果:保存到Firebase的数据在视图上呈现

现实:
[Vue warn]:属性或方法“名称”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保此属性在数据选项中或在基于类的组件中是被动的。

解决这个问题对我有很大帮助。
我希望我的母语不会碍事。

您已经安装了Cloud Firestore插件,但您正在尝试使用实时数据库

main.js
文件中使用此选项

从“vuefire”导入{rtdbPlugin}
使用(rtdbPlugin)


您还需要导入Firebase数据库组件。在您的
firebase.js
脚本中

从“firebase/app”导入firebase
导入“firebase/数据库”

请参见

您已经安装了Cloud Firestore插件,但正在尝试使用实时数据库

main.js
文件中使用此选项

从“vuefire”导入{rtdbPlugin}
使用(rtdbPlugin)


您还需要导入Firebase数据库组件。在您的
firebase.js
脚本中

从“firebase/app”导入firebase
导入“firebase/数据库”

请参见

我已尝试过,但我也出现了相同的错误
[Vue warn]:属性或方法“名称”未在实例上定义,而是在渲染过程中引用。通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的。
@GabrielNunes我已更新了答案。我尝试了
firebase.js
中缺少的其他内容,我也遇到了相同的错误
[Vue warn]:属性或方法“名称”未在实例上定义,而是在渲染过程中引用的。通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的。
@GabrielNunes我已更新了答案。在
firebase.js