组合api不适用于Nuxt-TS

Question

使用npx create-nuxt-app创建了nuxt应用程序。遵循https://typescript.nuxtjs.org上的文档，但是我在使用@vue/composition-api时遇到了问题

示例component.vue：

<template>
  <div>
    {{ msg }}
  </div>
</template>

<script lang="ts">
import { createComponent, ref } from '@vue/composition-api'

export default createComponent({
  setup() {
    const msg = ref('hello')

    return {
      msg
    }
  }
})
</script>

不起作用，抛出错误“属性或方法"msg”未在实例上定义，但在呈现期间被引用。“因为它看不到我的ref。我已经将组合API作为插件添加到了“plugins/ composition api.ts”中：

import Vue from 'vue'
import VueCompositionApi from '@vue/composition-api'

Vue.use(VueCompositionApi)

然后在nuxt.config.ts中：

plugins: ['@/plugins/composition-api']

Answer 1

我的错，忘记了nuxt中的TS-runtime：

npm i -S @nuxt/typescript-runtime

然后需要更新package.json：https://typescript.nuxtjs.org/guide/runtime.html#installation