从 Svelte 存储中读取所有数据时出错

Question

我无法从可写存储中读取所有数据：

Error: 'store' is not exported by src\stores.js, imported by src\components\Users.svelte

商店：

import {subscribe} from 'svelte/internal'
import {writable} from 'svelte/store'
export const fooStore = (key, initial) => {
  const foo = localStorage.getItem(key)
  const data = foo ? JSON.parse(user) : initial
  const store = writable(data, () => {
    const unsubscribe = store.subscribe(value => {
      localStorage.setItem(key, JSON.stringify(value))
    })
    return unsubscribe
  })
  return store
}

观点：

<script>
  import {store} from '../stores.js'
</script>

<table>
  <thead></thead>
  <tbody>
    {#each $store as foo}
      <tr>
        <td>foo.bar</td>
        <td>foo.qaz</td>
      </tr>
    {/each}
  </tbody>
</table>

Answer 1

您从store 文件中导出的唯一内容是一个名为fooStore 的函数。

当您执行import { store } from ... 时，它会在该文件中查找名为store 的命名导出，因此它会期望该文件在某处具有@987654324 @ 或类似名称。

您可以在 store 文件中声明一些商店，如果您愿意，可以使用 fooStore 函数创建它们：

export const fooStore = () => {}

// with fooStore
export const myStore1 = fooStore();

// plain store
export const myStore2 = writable(123);

或者你在你的组件中导入函数并在那里声明商店

<script>
  import { fooStore } from '...'
  const store = fooStore(...)
</script>