错误 TS2339：类型 'Special[]' 上不存在属性'default'

Question

我正在Angular中编写一个应用程序。我使用json文件，通过在ts文件中获取数据：

import * as data from '../../special.json';
export class SpecialComponent {
specials = (data as any).default;
}

一切都很好。但当我想添加类型而不是任何类型时：

import * as data from '../../special.json';
export class SpecialComponent {
specials = (data as Special[]).default;
}

我得到一个错误：

error TS2339: Property 'default' does not exist on type 'Special[]'.

这是我的服务界面：

export interface Special {
category: string;
name: string;
description: string;
type?: string;
imageUrl?: string;
}

这是我的json文件：

[
{
"category": "xxx",
"name": "xxx",
"description": "xxx",
"type": "xxx",
"imageUrl": [
"assets/img/img.jpg",
"assets/img/img1.jpg"
]
}
]

Answer 1

错误是正确的，因为Special[]上没有default。

做你想做的事情的一个简单方法是：

将resolveJsonModule和esModuleInterop放入项目的tsconfig.json文件中。

"compilerOptions": {
"resolveJsonModule": true,
"esModuleInterop": true,
....
}

然后导入：

import {default as data} from '../../special.json';
export class SpecialComponent {
specials = data as Special[];
}