我的Vue.js应用程序内集成了Firebase的问题

时间:2019-08-05 13:57:27

标签: firebase vue.js google-cloud-firestore vuefire

当前,我正在尝试在我的Vue.js应用中实现Firebase。我使用Vue CLI设置了Vue.js,安装了firebase以及vuefire和bootstrap-vue,现在我尝试获取一些手动插入到数据库中的数据,但是不知怎么从firebase中没有任何数据。我对Vue.js还是很陌生,所以这可能是一个初学者的错误,但是我现在真的不知道该怎么办。

我不知道这是否重要,但是我打算以后再使用vuex,所以我也安装了它,我遵循了tutorial的方法来设置Vue.js,在那里使用本地js文件作为数据库,我已完成所有设置,但现在我想将Firebase用作数据库。

我认为,如果我在此处发布与此相关的每个文件,则可能会有点麻烦,所以我创建了一个包含所有文件的GitHub Repository,但这是我认为问题所在的部分:

class TestMe:
    @pytest.mark.parametrize(
        ("op", "value"),
        [
            ("plus", "3"),
            ("minus", "1"),
        ],
        ids=['testA', 'testB']
    )
    def test_ops(self, op, value):
        ...
<b-table striped hover :items="clients"></b-table>
{{ clients }}

以某种方式Vue.js无法正确提取数据。我以为这可能与firebase中的身份验证错误有关,但是我的控制台没有显示任何错误,我运行import { db } from '@/environment/firebase' export default { data () { return { clients: [], systems: [] } }, firestore: { clients: db.collection('clients'), systems: db.collection('systems') } } 的控制台也没有显示任何错误,此时我真的不知道该怎么办再做一次。

我刚从Get started page from vuefire复制了一个错误,也可能是我的firebase的inegrationfile中的错误:

npm run serve

但是,正如我所说的,我真的不知道我的错误在哪里,因为从我的理解到现在一切应该都可以解决。

1 个答案:

答案 0 :(得分:0)

在您的main.js中,您包括两次:

import './plugins/bootstrap-vue'

不包括vuefire.js插件文件。