Nuxt + TypeScript 类型在布局和插件中不起作用

Question

我是 TS 的新手，我也想在布局中使用类型，但是当我将类型添加到popups属性时，如图 typescript-build 返回错误“ Syntax Error: Unexpected token ”。

在pages中它可以正常工作。 它不适用于layout和plugins ts 文件。

简化的不工作 VUE 文件如下。

<template>
  <div id="wrapper" class="d-flex no-gutters">
    <Nuxt/>
  </div>
</template>
<script type="ts">
import {Component, Vue} from 'nuxt-property-decorator'

@Component()
export default class Default extends Vue {
  popups: {
    [key: string]: {
      show: boolean,
      loading: boolean,
      changed: boolean,
      submit_loading: boolean
    }
  } = {
    login: {
      show: false,
      loading: false,
      changed: false,
      submit_loading: false
    }
  };
}
</script>

Answer 1

您的脚本应该具有ts的lang属性值：

 <script lang="ts">