Typescript:类型'string‘不能赋值给类型
'Typescript:类型'string'不能赋值给类型' 是一个常见的错误信息，它表示在Typescript中，尝试将一个类型为'string'的值赋值给一个不接受'string'类型的变量或参数。
Typescript是一种由微软开发的静态类型检查的编程语言，它是JavaScript的一个超集。它通过在编译时进行类型检查，帮助开发者在开发过程中发现并修复潜在的类型错误，从而增加代码的可靠性和可维护性。
在Typescript中，每个变量、参数和函数都有一个明确定义的类型。当我们尝试将一个类型不匹配的值赋给一个变量时，Typescript会发出类型错误。
在这个错误消息中，'string'类型表示一个字符串类型的值，它只能接受字符串类型的值。如果我们尝试将其他类型的值（如数字、布尔值等）赋给一个期望为字符串类型的变量，就会出现这个错误。
举例来说，假设我们有以下代码：
let myString: string = 123; // 错误示例，数字不能赋值给字符串类型在这个例子中，我们试图将一个数字赋给一个类型为字符串的变量。由于数字和字符串是不同的类型，Typescript会发出错误，指出无法将类型'string'赋值给类型'number'。
为了解决这个错误，我们需要确保将合适的类型赋给变量。在这个例子中，我们可以修改代码为：
let myString: string = "Hello, TypeScript!"; // 正确示例，将字符串赋值给字符串类型在这个修改后的代码中，我们将一个字符串赋给了类型为字符串的变量，所以不再出现类型错误。
总结起来，Typescript中的错误消息'Typescript:类型'string'不能赋值给类型'意味着我们尝试将一个类型为'string'的值赋给一个不接受'string'类型的变量或参数。要解决这个错误，我们需要确保将适当的类型赋给变量或参数。
相关·内容
我偶然发现了TypeScript类型的问题，当有条件的泛型出现时，我不能将更窄的类型分配给更广泛的类型。但是，所有泛型参数都是完全实例化的，因此TypeScript应该能够完全解析这两种类型，并根据每个属性的类型对它们进行比较。
这是我试图做的抛出错误的简化版本：
// Returns keyes that have type extending Types
type KeysMatching<T, Types> = { [K in keyof T]: T[K] extends Types ? K : never }[keyof T];
type Mapping = {
浏览 6提问于2022-09-06得票数 3
我在TypeScript中有下面的函数(我不能改变参数的顺序)，
user(firstName: string, lastName?: string, address?: string);
在我只需要传递firstName和address的情况下，作为lastname传递的更好/合适/推荐值是什么？
case 1: user("Jack", undefined, "NY");
或
case 2: user("Jack", null, "NY");
每种方法的优缺点是什么？
浏览 0提问于2018-10-17得票数 2
下面的代码在TypeScript 2.1.6上运行良好：
function create<T>(prototype: T, pojo: Object): T {
// ...
return Object.create(prototype, descriptors) as T;
}
更新到TypeScript 2.2.1后，我收到以下错误：
错误对象：'T‘类型的参数不能赋值给’TS2345‘类型的参数。
浏览 727提问于2017-02-24得票数 21
回答已采纳
我刚刚开始学习和开发Angular 2中的一个应用程序。我们用于开发的typescript语言非常有趣，但我有一个关于typescript中的数据类型的问题。既然typescript文件被编译成javascript，那么javascript中的数据类型是如何编译的呢？
例如：
sample.ts
value_a : String;
上面是一个样例typescript文件，它声明了一个String类型的变量。当我们编译这个typescript文件时，它会被编译成一个javascript文件。现在如何在javascript文件中定义这个变量的数据类型(据我所知，您不能在javascript中定义数
浏览 3提问于2016-12-30得票数 0
以下代码会导致错误，因为根据TypeScript，类型Pick<Test<T>, Exclude<keyof T, "someKey">>不能赋值给T。当我推断这种类型时，它应该被赋值给T，有没有办法让TypeScript同意我的观点？或者这只是突破了TypeScript中泛型类型的界限，因为不是动态类型的变体可以正确编译。 type Test<T = {}> = T & {
someKey: string
};
function extract<T>(props: Test<T>): T
浏览 26提问于2019-03-15得票数 0
回答已采纳
考虑下面的Typescript代码：
class OrderFixture {
orderId: string;
constructor() {
this.orderId = "foo";
}
}
class DecisionFixture {
decisionId: string;
constructor() {
this.decisionId = "bar";
}
}
class FixtureStore {
order = () => new OrderFixture();
decision =
浏览 1提问于2021-01-07得票数 0
Typescript推断类型错误
我希望"something“会有一种"string |null"类型，但vscode会给出"string"
我正在使用typescript 3.3
interface S {
// wrong expectation : "something" has type of string
something : string | null
}
浏览 0提问于2019-02-27得票数 0
1回答
我有一个非常简单的代码：
let viewsDictionary: { [key: string]: Object } = {
abc: {}
};
type ViewName = keyof typeof viewsDictionary;
let result: ViewName;
result = "category";
TypeScript 2.2.2版本不会抱怨result只能有值"abc“。为什么？
浏览 2提问于2017-05-03得票数 1
在TypeScript中，我遇到了一个奇怪的问题，似乎我应该能够推断出常数是一个数组，并且有了这个知识调用数组的方法。但是，即使经过显式检查，TypeScript显然也无法确定值是否是真正的数组。
给予：
type Maybe<T> = T | null | undefined;
type Value = string
| number
| string[]
| number[]
| Maybe<number | string>[];
如果我在常量上键入常量，则可以调用.every数组方法：
// This approach works fine:
c
浏览 0提问于2018-12-03得票数 0
回答已采纳
1回答
我最近才开始学习TypeScript，对类型交集/并集的概念有点困惑。在下面的代码片段中，我假设编译器应该警告缺少参数z的错误，但它不会。 interface DataA { x: string, y: string, z: string }
interface DataB { x: string }
interface A { id: string, data: DataA }
interface B { id: string, data: DataB }
type C = A & B
type D = B
type X = C | D
function bar(val: X)
浏览 18提问于2020-01-05得票数 0
回答已采纳
考虑下面的程序。。
const x: Record<string, string> = { foo: "bar" };
const y: { baz?: number | undefined } = x; // TypeScript doesn't complain
在上面的示例中，我希望TypeScript会抱怨string不能分配给number | undefined。但是，上面的代码类型检查。为什么？
浏览 5提问于2022-04-21得票数 2
回答已采纳
下面的typescript代码显示了从getName(personA)赋值给result时的类型错误，以及通过getName([personA, personB])调用赋值[nameA, nameB]时的类型错误。
尽管当getName()接收对象输入时，返回值是字符串，而当getName调用接收到对象数组输入时，返回值始终是and数组。由于Array.isArray(data)检查。
const personA = {
name: "person A"
}
const personB = {
name: "person B"
}
funct
浏览 7提问于2018-02-19得票数 1
回答已采纳
1回答
是否可以在eslint配置中编写自定义规则？我的案子是基于“任意”类型的。在eslint中，有一条规则是“@typescript-eslint/no-eslint any”，但它对我来说太强了。我想阻止这样的任务：
const dontknow: any = ''; const name: string = dontknow;
能阻止这个案子吗？
浏览 8提问于2022-01-17得票数 1
回答已采纳
我在打字稿中有下一个功能：
在c#中，您有类似于默认(T)的内容，但是在类型记录中我不知道。
public Base {
...
}
public Get<T extends Base>(cultura: string): T[]
{
let res = null;
try
{
}
catch (ex)
{
throw ex;
}
return res;
}
我想返回一个null，但是我得到了一个错误。如果在变量中赋值为null并返回该变量，则会发生相同的错误。
消息是：“null”类型不
浏览 0提问于2018-09-09得票数 10
回答已采纳
type DateRange = { start: Date; end: Date }
type ParamType = {
latitude: number | null | undefined
longitude: number | null | undefined
term: string
dateRange: DateRange
}
const params: ParamType = {
latitude: geo && geo.lat,
longitude: geo && geo.lng,
浏览 0提问于2021-10-26得票数 1
在Windows10Universal应用程序中，我尝试使用FileSavePicker来选择文件。我正在使用Typescript。insert方法接受两个参数，一个字符串和一个IVector。下面的代码来自微软网站，但它只是简单的javascript。
savePicker.fileTypeChoices.insert("Word Document", [".docx"]);
错误文本是，“不能将string[]类型的参数赋值给IVector类型的参数”。我已经能够使用下面的代码让它正常工作：
var tempVec: Windows.Foundation.C
浏览 2提问于2015-11-19得票数 1
在JavaScript中，我可以覆盖一个函数：
function testf() {
console.log('old function')
}
testf = function() {
console.log("new function");
}
我如何在TypeScript中做到这一点？我正在编写一个WebP填充程序，希望覆盖全局createImageBitmap函数，但是tsc抱怨道：
不能为'createImageBitmap‘赋值，因为它不是变量。
浏览 0提问于2018-06-25得票数 1
回答已采纳
我是TypeScript的新手，遇到了以下问题。 import * as t from "io-ts";
interface Test {
s: string
}
export const testTypeV = t.type({
test: Test //Error: 'Test' only refers to a type, but is being used as a value here
}) 代码有什么问题？如何解决这个问题？
浏览 131提问于2021-10-19得票数 0
回答已采纳
问题定义
我的代码库由TypeScript和JavaScript组成，这两个代码由转换而来，后者还生成源代码映射。我有很多TypeScript接口，我想知道是否有一种方法为这些接口生成源映射，以便在调试时引用它们。
挖掘
做一些调查，似乎，在转换的同时，接口被带到了在JavaScript中使用的地方。有我遗漏的特征标志吗？
示例
export interface SomeInterface {
name: string
phone_no: string
}
浏览 2提问于2020-10-14得票数 0
回答已采纳
谁能告诉我今天使用typescript的目的是什么？我确信人们使用typescript主要是为了避免一些由类型引起的bug。但是在v2.1之后，下面这样的代码是可以接受的：
let i;
let aNumber = (x:number) => {
x = 52;
console.log(x);
}
aNumber(i);
let aString = (x:string) => {
x = 'strung';
console.log(x);
}
aString(i);
这真的让我大吃一惊。我是封闭的，还是打字的作者？感谢你公正的回答！
问候你，
浏览 0提问于2017-08-03得票数 0
我的问题是，如果TypeScript的类型是安全的，为什么要允许下面的内容？tsconfig是否有停止此操作的标志？
let strNum: any = "2";
let numTest: number;
numTest = strNum;
console.log(`Type of number is: ${typeof numTest}`)
// Output number is: string
浏览 3提问于2019-11-06得票数 0
为什么Typescript (v3.7.2)不能静态分析对象中可选属性的嵌套对象赋值？
例如：
interface Foo {
bar?: {
baz: string;
}
}
const foo: Foo = {
bar: {
baz: 'foobar',
},
};
// Object is possibly 'undefined'.ts(2532)
const baz1 = foo.bar.baz;
foo.bar = { baz: 'foobar'};
// No error
const baz2
浏览 23提问于2019-12-03得票数 1
if (queueEntry) {
this.inProcess.push(queueEntry);
try {
await callback(queueEntry);
this.inProcess = this.inProcess.filter(queueTmp => queueTmp.id !== queueEntry.id).concat([]);
this.successfull.push(queueEntry);
浏览 689提问于2021-09-08得票数 0
我目前正在学习JavaScript。我过去经常使用静态类型的语言，因此，自然地，我决定从TypeScript开始，而不是JS。TypeScript很不错，它解决了JS存在的许多问题，但是这种“弱类型”确实触发了我。
我不觉得我能逃脱这一切：
let int: number = 42
let str: string = "69"
console.log(int + str)
有没有一种方法可以防止这种类型的转换发生在TypeScript中？当将string添加到integer时，我希望得到一个错误。
浏览 5提问于2022-06-18得票数 1
假设我必须读取JSON响应，其中所有参数都被编码为字符串，而不管它们是否是数字。我想把它们严格输入到各种Typescript类中。假设JSON是这样的：
{"id":"1","label":"Alice"}
我有一个这样的Typescript类：
class Person {
public id:number;
public label:string;
}
在像AS3这样的语言中，比方说，我可以避免使用显式的构造函数，而只是说：
var p:Person = new Person();
p.id=jsonInput
浏览 0提问于2019-03-26得票数 0
1回答
目前，我们正在将代码库迁移到typescript，我们有很多地方可以使用任何类型的代码。因此，我尝试强制显式设置变量作为任何变量。
下面是示例代码片段。
const a: string = 'h';
const b: any = 4;
const message = a || b;
// Here I would like to get warning that I am assigning any to the message,
// so I would have to write const message: any = a || b;
function say(x
浏览 11提问于2019-08-07得票数 3
回答已采纳
我正在尝试为一些例程状态更新创建一个redux操作，并想知道是否可以使类型适用于括号表示法： interface IThing {
someProp: string;
otherProp: boolean;
}
const state = {
thing: {
someProp: 'prop',
otherProp: true,
} as IThing
}
const action = { name: 'someProp' as keyof IThing, value: 'someValue' as any
浏览 12提问于2020-04-08得票数 2
回答已采纳
给定以下代码片段
let x = {
name: 'John',
age: 30
}
interface Employee {
name:string,
}
let y:Employee = <Employee>x;
console.log(y); //y still have the age property, why
为什么typescript会忽略这个类型转换，有没有其他的解决方案来只获取这些接口属性？
浏览 0提问于2018-03-13得票数 0
我正在尝试弄清楚title使用哪种类型。
let text: String = `${this.altText || this.defaultText}`;
title = document.createElementNS(this.svgns, "title");
title.innerHTML = text;
唯一接近的是let title: Element;，但title.innerHTML会生成以下错误：
Type 'String' is not assignable to type 'string'.
'string
浏览 0提问于2019-07-18得票数 0
考虑下面的代码片段： type Foo = {
x: string;
y: number;
};
let a: Foo = {
x: "@",
y: 3,
};
let b: Partial<Foo> = { x: "#", y: undefined };
let c = { ...a, ...b }; 显然，c的类型不能是Foo，因为属性y是undefined：c的运行时值是{x: "#", y: undefined} (至少在Chrome中是这样)。然而Typescript推断c类型为{ x: string
浏览 49提问于2020-11-23得票数 5
我一直在使用TypeScript中的条件类型来创建递归部分。我遇到的问题很难在没有示例的情况下解释，所以请看下面的代码(注意:我的特定用例更复杂，但这个示例说明了问题)：
// The RecursivePartial type used in the illustration
type RecursivePartial<T> = {
[P in keyof T]?:
T[P] extends (infer U)[] ? RecursivePartial<U>[] :
T[P] extends object ? RecursivePart
浏览 4提问于2022-09-05得票数 2
回答已采纳
我不明白为什么这个TypeScript代码应该编译(TypeScript 2.8.3都是严格检查的)
我已经将一个对象强制转换为IUser类型，并包含了一个不存在"bob“的属性
我看过关于超额检查的文档-
但它仍然没有意义，这应该编译-鉴于我正在铸造它。
最终的问题是:我如何才能真正地对这个对象进行正确的键入--以至于将其转换为具有非接口成员(可能/可能的错误)的对象应该无法编译。
interface IUser {
name: string
}
const func = (user: IUser) => {
alert(user)
}
func(<
浏览 0提问于2018-06-06得票数 1
回答已采纳
2回答
type DateFormat = {
year: "numeric";
}
function calculateDate (dateFormat: DateFormat) {
/**
*
*/
}
const format = {
year: "numeric"
}
calculateDate(format)
目前在Typescript 4.2中，format的推断类型定义为：
{
year: string;
}
这与函数调用(calculateDate)中预期的类型别名DateFormat不匹配，因为类型stri
浏览 8提问于2021-02-24得票数 1
假设我们有一个接口IFieldConfig
export interface IFieldInputConfig {
type: 'string' | 'password';
// eslint-disable-next-line @typescript-eslint/no-explicit-any
default?: any;
}
export interface IFieldConfig extends IExtractConfig {
id: string;
form?: IFieldInputConfig;
}
浏览 1提问于2020-04-29得票数 0
回答已采纳
我逐渐熟悉了vue中typescript的用法。在阅读vue属性装饰器的文档时，我不能理解这个声明的含义
@Prop({ default: 'default value' }) readonly propB!: string
浏览 0提问于2019-12-29得票数 6
摘自《Basarat - TypeScript深度潜水》 interface Point2D {
x: number;
y: number;
}
interface Point3D {
x: number;
y: number;
z: number;
}
var point2D: Point2D = { x: 0, y: 10 }
var point3D: Point3D = { x: 0, y: 10, z: 20 }
function iTakePoint2D(point: Point2D) { /* do something */ }
iTak
浏览 12提问于2019-06-18得票数 1
我想在Typescript GraphQL中使用解构。很多API函数都使用data作为第一级键。如何才能在不出现Typescript/TSLint错误的情况下执行以下操作。更改为var将导致它希望成为let，即Cannot redeclare block-scoped variable & block-scoped used before its declaration。当然，const是一个错误。移除第二个let将不允许我分解第二个data。 let {data}:OverlayEventDetail = await modal.onDidDismiss();
if (data.s
浏览 61提问于2019-08-15得票数 0
回答已采纳
我正在构建一个函数，它将接受一个简单的配置并返回一组全类型的Redux 'actionCreators‘。
函数正在工作，当我使用返回的actionCreators时，我得到了正确的类型检查和自动补全。然而，Typescript对其中的一个细节并不满意，我正在努力找出原因。
请注意-这是一项正在进行的工作，所以你可能会看到一些外围的东西可以清理，但我的问题实际上只是关于Typescript正在捕获的错误。
首先，我有几个类型要设置-这些类型只是定义将提供给actionCreators工厂的TypeConfig的类型。
interface GenericPayloads {
[k
浏览 32提问于2021-05-31得票数 0
回答已采纳
我对TypeScript非常陌生，已经搜索了很长一段时间，但是没有找到解决我的问题的具体方法。
在我的SvelteKit应用程序中，我有一个这样的json文件：
{
"some-key": {
"title": "some title",
"content": "some content"
}
}
该文件正在导入到一个TypeScript文件(+page.ts来自SvelteKit路由)，我想动态地访问some-key：
import { error } from '@sveltej
浏览 14提问于2022-10-08得票数 -1
1回答
对象的泛型类型
、、、
我有一个简单的类，它允许为类对象设置和获取泛型值(假设这个类是由NPM包提供的)。
class Spec {
protected data = {};
set<T>(k: string, v: T) {
this.data[k] = v;
}
get(k: string) {
return this.data[k];
}
}
假设我创建了这个类的一个实例，并设置了一个类型为id的number字段：
const spec = new Spec();
spec.set('id', 100);
当我检
浏览 1提问于2018-06-16得票数 1
回答已采纳
由于性能问题，我最近从VSCode转向了VSCode内部人员(基本上是一个夜间构建)，而且由于某种原因，我的代码中出现了一个新的linting错误。我使用的是TypeScript版本3.5.1
以下是一个简化的示例：
private updateTransaction = (
k: 'description' | 'amount' | 'timestamp' | 'vendorId',
v: ITransaction['description' | 'amount' | '
浏览 1提问于2019-06-05得票数 0
回答已采纳
1回答
我是一个初学者，对类型记录的反应，在下面的代码中面临问题
下面是仪表板组件的代码
export default function Dashboard() {
return(
<p>Dashboard page</p>
)
}
这是路线代码
const AppRouter = () => {
return (
<Router history={history}>
<div>
<Switch>
<Route path={"/dashboard"
浏览 1提问于2020-04-11得票数 1
示例代码如下，我是由TypeScript游乐场检查的
interface PartialCustomData {
option?: number;
}
interface A {
[key: string]: string | PartialCustomData;
}
interface B extends A {
[key: string]: string | PartialCustomData | {[key: string]: string};
}
// this is no error
const b: B = { key1: 'a', k
浏览 7提问于2020-05-07得票数 1
除了一个应该扩展的变量和方法之外，扩展获得与原始类相同的变量和方法的类的最佳方法是什么？
见下面的例子：
class A {
polygon: "triangle" | "rectangle"
name: string
doSomething: () => void
}
class B extends A {
polygon: "triangle" | "rectangle" | "circle"
// should keep name, doSomethi
浏览 1提问于2021-05-21得票数 1
回答已采纳
2回答
将对象推送到来自2D数组的数组中
、、、、
我很难将对象推送到来自2D数组的数组中。
let blacksPosition: Array<any>;
for (let i = 0; i < 8; i++) {
for (let j = 0; j < 8; j++) {
if (boardArray[i][j].team === "black") {
blacksPosition.push(boardArray[i][j]);
}
浏览 5提问于2020-09-07得票数 0
回答已采纳
考虑一下这个例子：
class A {
optional?: string;
nonOptional: string;
constructor() {
}
}
let a = new A();
function consumeString(str: string) {
console.log(str.length);
}
consumeString(a.optional);
consumeString(a.nonOptional);
启用strictNullChecks后，TypeScript 2.4.2将拒绝第一次调用；
'strin
浏览 4提问于2017-07-25得票数 2
我正在尝试让Dockerode run typings与the implementation相匹配。问题是，当我调用run时，不管是什么，TypeScript都会将返回值视为Promise。 我认为问题在于TypeScript将function与Object相匹配，并且不能消除类型声明中run的重载的歧义。不过，我承认我有点迷惑了。 I've made a small example in a TypeScript Playground that I think exemplifies the error. // index.d.ts
declare class EventEmitt
浏览 20提问于2019-06-11得票数 1
我原以为下面这段Typescript代码会失败，并在将here添加到ImyWrapper接口时出现is not assignable错误。但是，没有发生错误，我想要一个解释。
interface ImyItem {
id: string;
}
interface ImyWrapper {
item: ImyItem;
}
class Test {
private itemWrappers: ImyWrapper[] = [];
bar() {
const item1: ImyItem = { id: "one" };
浏览 0提问于2019-11-26得票数 1
2回答
我正在试验typeScript联合类型。我有一个具有数字属性的类，但我希望它有三种特殊情况: Infinity、None和Auto
Infinity和None可以分别用Number.POSITIVE_INFINITY和NULL表示，但是我不知道如何处理自动赋值。
这个值最初出现在表示为字符串的XML文档中。例如，<element myValue="123"/> <element myValue="-4096"/> <element myValue="infinity"/> <element myValue
浏览 1提问于2016-11-15得票数 1
我在一个库中有一个带有可选id字段的接口：
interface I {
id?: string;
}
我想要覆盖它，所以它
interface I {
id?: string;
}
所以我声明了模块，重新定义了接口，但是我被Typescript拒绝了
import { Option as BaseUiOption } from "baseui/select";
declare module "baseui/select" {
export interface Option extends BaseUiOption {
// trying t
浏览 1提问于2021-09-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
