这是我的水果。ts
export type Fruit = "Orange" | "Apple" | "Banana"
现在我在进口水果。Ts在另一个typescript文件中。这是我有的
myString:string = "Banana";
myFruit:Fruit = myString;
当我这样做的时候
myFruit = myString;
我得到一个错误:
类型“string”不能赋值给类型“Orange”|“Apple”| “香蕉”
如何将字符串分配给自定义类型水果的变量?
当前回答
在扩散的数组中，这个错误仍然会被抛出:
export type Fruit = "Orange" | "Apple" | "Banana"
export type FruitArray = Fruit[];
const someFruits= ["Banana"];
const workingFruits: FruitArray = ["Orange", "Apple"]; // Works
// Even orange and apple show: Type 'string' is not assignable to type Fruit
const brokenAllFruits: FruitArray = [...someFruits, "Orange", "Apple"];
// As const is needed in the spread array
const someConstFruits= ["Banana" as const];
const workingAllFruits: FruitArray = [...someConstFruits, "Orange", "Apple"]; // Works
其他回答
我也遇到了同样的问题，我做了以下修改，问题得到了解决。
打开watchQueryOptions.d.ts文件
\apollo-client\core\watchQueryOptions.d.ts
将查询类型更改为any而不是DocumentNode，与突变相同
之前:
export interface QueryBaseOptions<TVariables = OperationVariables> {
query: **DocumentNode**;
后:
export interface QueryBaseOptions<TVariables = OperationVariables> {
query: **any**;
例如，如果在模拟数据时转换为下拉值[]，则将其组合为具有value和display属性的对象数组。
例子:
[{'value': 'test1', 'display1': 'test display'},{'value': 'test2', 'display': 'test display2'},]
更新
正如@Simon_Weaver的回答中提到的，从TypeScript 3.4版本开始，就可以将它断言为const:
let fruit = "Banana" as const;
旧的答案
你需要转换它:
export type Fruit = "Orange" | "Apple" | "Banana";
let myString: string = "Banana";
let myFruit: Fruit = myString as Fruit;
还要注意，当使用字符串字面量时，您只需要使用一个|
当传递道具到React组件时，我也遇到了类似的问题。
原因:我在myArray上的类型推断没有正确工作
https://codesandbox.io/s/type-string-issue-fixed-z9jth?file=/src/App.tsx
特别感谢Reactiflux的Brady在这个问题上的帮助。
这个问题被标记为Angular，尽管它实际上与Angular没有任何关系。然而，有(至少)一个Angular特定的情况，你可能会意外地得到这个错误。
如果你禁用了strictNullInputTypes 如果你使用一个文字类型，比如Fruit作为@Input() 你试图将'Orange'传递给一个输入，它被解释为一个字符串。
这将在Angular 13.1中修复。
https://github.com/angular/angular/pull/38305
