Typescript联合类型字符串不是从JSON加载的

Typescript联合类型字符串不是从JSON加载的,json,typescript,webpack,Json,Typescript,Webpack,我有一个json文件test.json {“foo”:“bar0”} 鉴于这些类型的声明 类型Bar='bar0'|'bar1' 接口Foo{ 福:酒吧 } 我试图加载这个json 从“./test.json”导入测试 常量foo:foo=测试 我犯了这个错误 类型“{“foo”:string;}”不能分配给类型“foo”。 属性“foo”的类型不兼容。 类型“string”不可分配给类型“Bar”。 我还尝试了enum 枚举栏{ bar0='bar0', bar1='bar1' }

我有一个json文件
test.json

{“foo”:“bar0”}
鉴于这些类型的声明


类型Bar='bar0'|'bar1'
接口Foo{
福:酒吧
}
我试图加载这个json

从“./test.json”导入测试
常量foo:foo=测试
我犯了这个错误

类型“{“foo”:string;}”不能分配给类型“foo”。
属性“foo”的类型不兼容。
类型“string”不可分配给类型“Bar”。
我还尝试了enum

枚举栏{
bar0='bar0',
bar1='bar1'
}
当然,它适用于
type Bar=string


你知道什么是错误的吗?

可能是我试图加载JSON的重复,这是完全不同的TypeScript推断你的JSON属性
foo
是一个字符串,而你的类型
Bar
是一个字符串文本。这是同一个问题,但得到它的方式不同。你首先需要做JSON.parse,其次需要做Foo。@Bauke解决方案建议将“center”对象转换为“as“center”,而我不知道如何转换它。建议我使用一个临时对象