Typescript Nuxt&x2B;类型脚本类型在布局和插件中不起作用

Typescript Nuxt&x2B;类型脚本类型在布局和插件中不起作用,typescript,vue.js,nuxt.js,Typescript,Vue.js,Nuxt.js,我是TS新手,我也想在布局中使用类型,但在图片typescript中,当我将类型添加到弹出窗口属性时,生成返回错误“语法错误:意外标记” 在页面中它工作正常。它在layout和pluginsts文件中不起作用 下面是简化的无法工作的VUE文件 <template> <div id="wrapper" class="d-flex no-gutters"> <Nuxt/> </div> </

我是TS新手,我也想在布局中使用类型,但在图片typescript中,当我将类型添加到
弹出窗口
属性时,生成返回错误“
语法错误:意外标记

页面中
它工作正常。它在
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>

从“nuxt属性装饰器”导入{Component,Vue}
@组件()
导出默认类默认扩展Vue{
弹出窗口:{
[键:字符串]:{
显示:布尔,
加载:布尔,
更改为:布尔,
提交加载:布尔值
}
} = {
登录:{
秀:假,,
加载:false,
更改为:false,
提交加载:false
}
};
}

脚本的
lang
属性值应为
ts

 <script lang="ts">


请将代码作为文本共享我已经更新了@boussadjrahambut@boussadjraham,它在
页面的VUE文件中工作。我想一定还有另一条正确的道路。它也必须在布局中工作,否则我就错了?啊,好吧,问题在于脚本类型属性应该是
,而不是