gridsome.server.js不会识别addCollection函数

Question

我正在尝试Gridsome和Vue.js的一个相当大的网站转换。该网站需要能够从API加载数据。我一直试图遵循https://gridsome.org/docs/fetching-data/#import-from-apis上的说明--我粘贴了示例代码。

但是，当我尝试运行gridsome开发时，我会得到这个错误

C:\projects\folder\project>gridsome开发Gridsome v0.6.9

初始化插件..。初始化- 0.97s TypeError: actions.addCollection不是api.loadSource process._tickCallback上的一个函数(process._tickCallback/process/next_tick.js:68:7)

作为Vue.js的新手，我不知道这是怎么回事。我丢了一个包裹吗？

我不得不说，如果遵循这些文档导致了这类问题，我可能不得不得出结论，Gridsome还不够成熟，无法在商业环境中使用，而且我们可能不得不寻找其他地方。

任何帮助都将不胜感激，谢谢。

gridsome.server.js文件中的代码：

const axios = require('axios')

module.exports = function (api) {

    api.loadSource(async actions => {

        const { data } = await axios.get('http://dev.client.local/api/items/suggestitems?family=someCategory')

        const collection = actions.addCollection({ typeName: 'clientItems' })


        for (const item of data) {
            collection.addNode({
                label: item.label,
                labelNoFamily: item.labelNoFamily,
                path: item.path
            })
        }
    })

  //api.loadSource(({ addContentType }) => {
  //  // Use the Data Store API here: https://gridsome.org/docs/data-store-api
  //})

  api.createPages(({ createPage }) => {
    // Use the Pages API here: https://gridsome.org/docs/pages-api
  })


}

Answer 1

已解决：

我对此感到有点困惑，所以我不得不查找如何找到安装了哪个版本的gridsome。它不是全局安装的，所以我必须导航到正确的文件夹来查看它是哪一个。

原来是0.6.9，而最近的是0.7.12，尽管我是用'npm安装网格‘开始这个项目的(我认为npm安装会得到最新的)。

npm安装npm-检查更新显示引导缺少一个依赖项，所以我显然必须先修复它。我曾尝试运行'npm安装网格‘和'npm更新网格’和各种其他排列，以使网格更新，但它从来没有。

解决办法是：

necessary)

• 'npm

• 'npm @1.9.1--保存“

• 'npm审计修复”(不确定这是否是necessary)

• followed安装npm-检查更新)(也不确定这是不是necessary)

• followed by‘npm@0.7.12-保存’

‘

显然--保存选项也更新了本地文件夹中的package.json文件，这也是必要的。