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">