<firebase-query> error: "Cannot create property '$key' on string..."

Question

我正在尝试使用 polymerfire/firebase-query 使用 Vaadin Expense Manager Demo 加载存储在 Firebase 中的数据。具体来说，我试图用 <firebase-query> 和 </app-indexeddb-mirror>.

的组合替换 <vaadin-pouchdb> 元素 https://github.com/vaadin/expense-manager-demo/blob/master/src/overview-page.html

<firebase-query
  id="query"
  log
  app-name="my-firebase"
  path="[[user.uid]]"
  data="{{expenses}}">
</firebase-query>

当我尝试加载页面时，我希望看到我的网格填充了测试数据；但相反，我收到以下错误。

console.log

firebase.js:284 Uncaught TypeError: Cannot create property '$key' on string 'foo'

firebase.js:284 Uncaught TypeError: Cannot create property '$key' on string 'new'

firebase.js:284 Uncaught TypeError: Cannot create property '$key' on number '123'

我希望通过 <firebase-query> 传送到应用程序的 {{expenses}} 的值如下：

expenses = [
  {
    total    : 123   ,
    status   : 'new' ,
    merchant : 'foo' ,
  },
]

什么可能导致此错误？为什么有一个属性'$key'，正在尝试创建？等一下。可能是因为没有与存储在我的 Firebase 中的费用关联的密钥？

编辑：

Firebase 中的数据如下所示：

my-firebase
│
└──my-userid-abc-123
   ├── merchant: "foo"
   ├── status: "new"
   └── total: 123

Answer 1

不支持在所有子项都具有原始 (boolean, string, number) 值的位置使用 <firebase-query>。请考虑将这些值嵌套在对象中。

<firebase-query> error: "Cannot create property '$key' on string..."

<firebase-query> error: "Cannot create property '$key' on string..."

firebase

polymer

firebase-realtime-database

polymer-1.0

polymerfire