如果你从getPerson函数中移除<Person>强制转换，那么TypeScript将足够聪明地检测到你返回的对象确实具有name属性。

所以只要转一下:

interface Person {
  name?: string,
  age?: string,
  gender?: string,
  occupation?: string,
}

function getPerson() {
  let person = <Person>{name: 'John'};
  return person;
}

let person: Person = getPerson();
let name1: string = person.name;

成:

interface Person {
  name?: string,
  age?: string,
  gender?: string,
  occupation?: string,
}

function getPerson() {
  let person = {name: 'John'};
  return person;
}

let person = getPerson();
let name1: string = person.name;

如果你不能这样做，那么你将不得不使用@yannick1976建议的“确定赋值断言操作符”:

let name1: string = person.name!;

如果你从getPerson函数中移除<Person>强制转换，那么TypeScript将足够聪明地检测到你返回的对象确实具有name属性。

所以只要转一下:

interface Person {
  name?: string,
  age?: string,
  gender?: string,
  occupation?: string,
}

function getPerson() {
  let person = <Person>{name: 'John'};
  return person;
}

let person: Person = getPerson();
let name1: string = person.name;

成:

interface Person {
  name?: string,
  age?: string,
  gender?: string,
  occupation?: string,
}

function getPerson() {
  let person = {name: 'John'};
  return person;
}

let person = getPerson();
let name1: string = person.name;

如果你不能这样做，那么你将不得不使用@yannick1976建议的“确定赋值断言操作符”:

let name1: string = person.name!;

我知道这有点晚了，但是除了yannick的答案，还有另一种方法可以使用!是将它转换为字符串，从而告诉TypeScript:我确定这是一个字符串，从而转换它。

let name1:string = person.name;//<<<Error here 

to

let name1:string = person.name as string;

这将使错误消失，但如果这不是一个字符串，你将得到一个运行时错误…这也是我们使用TypeScript来确保类型匹配并在编译时避免此类错误的原因之一。

你试图设置变量name1，女巫类型设置为严格的字符串(它必须是字符串)，值从对象字段名，女巫值类型设置为可选字符串(它可以是字符串或未定义，因为问题符号)。如果你真的需要这种行为，你必须像这样改变name1的类型:

let name1: string | undefined = person.name;

一切都会好的;

你可以这样做!

let name1:string = `${person.name}`;

但是记住name1可以是空字符串

也有同样的问题。

我发现react-scrips添加了“strict”:true到tsconfig.json。

在我移除它之后，一切都很好。

Edit

需要警告的是，更改此属性意味着:

不再对潜在的运行时错误发出警告。

正如保罗在评论中指出的那样!谢谢!

只有在你完全理解它的影响时才使用"strict": false !