Nuxt 2使用@nuxt/content v1报错TypeError: $content is not a function求助

以下是针对该问题的排查和解决步骤：

• 确认模块已在nuxt.config.js中注册
  必须将@nuxt/content添加到配置文件的modules数组中，否则Nuxt不会注入$content方法：

  export default {
    modules: [
      '@nuxt/content'
    ]
  }
  

• 修复asyncData的语法错误
  你提供的代码中asyncData方法缺少起始大括号，这会导致代码执行异常，间接引发错误。修正后的代码：

  <template>
      <v-container>
        <nuxt-content :document="article"/>
      </v-container>
    </template>
    
    <script>
    export default {
      async asyncData({ $content, params }) {
          const article = await $content('articles', params.slug).fetch()
          return { article }
      }
    }
    </script>
  

• 重新安装依赖并清理缓存
  如果依赖安装存在异常，执行以下命令重置：

  rm -rf node_modules package-lock.json
  npm install
  

• 重启Nuxt开发服务
  修改nuxt.config.js或依赖后，必须重启开发服务才能让变更生效。

内容的提问来源于stack exchange，提问作者Ayush Upreti