Question

我遇到了这个问题，我一直试图让Vue从Firebase至少检索最基本的设置。没有。我走过各种路线，但无济于事，所以也许我错过了某些东西，也许看不到了。

我在控制台中没有任何错误，除了什么都没找到的事实之外，一切似乎都可以正常工作。网络连接似乎未检索到可能与数据库关联的任何响应。这是firebase的屏幕截图，也许我误解了firebase和设置：

// Main.js

import matplotlib.pyplot as plt
import seaborn as sns
import scipy as sp
import numpy as np
import math as math

##import data from file
data = np.genfromtxt('CA_data.csv', delimiter=',')
print(np.shape(data))
#print(data)
##subset 2D array into 1D arrays
Tinv = data[:,0]
A_data = data[:,1]
B_data = data[:,2]
C_data = data[:,3]



a = np.empty_like([])
b = np.empty_like([])

##linear regression
###for i,j in a.range(Tinv[i:j]):
    Tnew[i] = Tinv[i:j]




a, b = np.polyfit(Tinv, A_data,1)

print("slope = ", a)
print("intercept = ", b)

# #visualize optimized slope
# a_vals = np.linspace(-6500, 0, 400)
# rss = np.empty_like(a_vals)
# for i, a in enumerate(a_vals):
#   rss[i] = np.sum((A_data - a*Tinv - b)**2)
# _ = plt.plot(a_vals, rss, '-')
# _ = plt.xlabel('slope')
# _ = plt.ylabel('residual sum of squares')
# _ = plt.show()

##Theoretical plot for optimal values
startx = Tinv[0]
endx = Tinv[-1]

#print(startx)
#print(endx)
x = np.array([startx, endx])
y = a*x + b

##plot the data
plt.plot(Tinv, A_data, marker = '.', color = 'r', linestyle = 'none')
plt.plot(x,y)       #plot theoretical data
plt.margins(0.02)
plt.axis([0.00275, 0.0035, 0.5, 3.0])
plt.xlabel("x")
plt.ylabel('y')
plt.title('title')
plt.show()


# print(Tinv)
# print(A_data)
# print(B_data)
# print(C_data)

// App.vue

/* eslint-disable semi */
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue';
import App from './App';
import router from './router';
import VueFire from 'vuefire';

Vue.use(VueFire);

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

Answer 1

您正在尝试在组件上设置Firebase，老实说，我不确定这是否是失败的原因，但我从未见过如此。

我总是这样做

// firebase.js

import * as firebase from 'firebase'
import 'firebase/firestore'

import config from './.firebaseconfig'

firebase.initializeApp(config)

const db = firebase.firestore()
export const rooms = db.collection('rooms')
export const sortedRoomsByCreatedDate = db.collection('rooms').orderBy('createdAt')

请注意，您缺少import 'firebase/firestore'行，这可能是问题所在。但是，我强烈建议您在自己的文件中初始化firebase，并将所有引用都放在一个地方。

当然我的main.js可以导入到import './firebase'上方的文件中

这就是我在组件上使用引用的方式

<script>
import firebase from 'firebase'
import { sortedRoomsByCreatedDate } from '../firebase'

export default {
  data () {
    return {
      sortedRoomsByCreatedDate: []
    }
  },
  firestore () {
    return {
      sortedRoomsByCreatedDate
    }
  }
}
</script>

让我知道这是否对您有用，并且如果没有让我知道，我们可以解决

Firebase-Vue |基本设置无法检索数据

1 个答案: