角度错误TS2345：'MonoTypeOperatorFunction<Event>‘类型的参数不能赋值给'OperatorFunction<Event，Event>’类型的参数
角度错误TS2345是TypeScript编译器的一个错误提示，它指出在给定的上下文中，无法将类型为'MonoTypeOperatorFunction<Event>'的参数赋值给类型为'OperatorFunction<Event, Event>'的参数。
要理解这个错误，首先需要了解一下TypeScript中的类型操作符和泛型函数的概念。
- 类型操作符：
MonoTypeOperatorFunction<T>：表示接受类型为T的输入，并返回类型为T的输出的操作符函数。OperatorFunction<T, R>：表示接受类型为T的输入，并返回类型为R的输出的操作符函数。
- 泛型函数：
- 泛型函数是一种可以适用于多种类型的函数，通过使用类型参数来实现。
- 在TypeScript中，可以使用
<T>来定义一个泛型函数，其中T可以是任意类型。
根据给定的错误提示，我们可以得出以下结论：
- 'MonoTypeOperatorFunction<Event>'是一个接受类型为Event的输入，并返回类型为Event的输出的操作符函数。
- 'OperatorFunction<Event, Event>'是一个接受类型为Event的输入，并返回类型为Event的输出的操作符函数。
根据这两个类型的定义，我们可以看出它们的输入和输出类型是一样的，但是它们的类型操作符不同。因此，无法将类型为'MonoTypeOperatorFunction<Event>'的参数直接赋值给类型为'OperatorFunction<Event, Event>'的参数。
要解决这个错误，可以考虑以下几种方法：
- 检查代码逻辑：确认是否存在其他地方需要使用'OperatorFunction<Event, Event>'类型的参数，如果是，则需要修改代码逻辑以适应正确的类型。
- 类型断言：如果确定在这个上下文中，类型为'MonoTypeOperatorFunction<Event>'的参数可以安全地赋值给类型为'OperatorFunction<Event, Event>'的参数，可以使用类型断言来解决编译器错误提示。例如：
(param as OperatorFunction<Event, Event>)。 - 重新定义函数签名：根据实际需求重新定义函数签名，使其符合正确的类型。这可能需要对函数的输入和输出进行调整。
需要注意的是，以上方法只是解决这个特定错误的一些常见方法，具体的解决方案还需要根据实际情况进行调整。同时，根据问题描述，无法提供腾讯云相关产品和产品介绍链接地址。
相关·内容
尝试排除此代码的故障， import { Event, Router, RoutesRecognized, ActivationStart, NavigationEnd } from "@angular/router";
...
this._router.events.pipe(
filter((evt: Event) => evt instanceof RoutesRecognized),
map((evt: RoutesRecognized) => evt.state.root),
).subscribe((rootRoute: Activ
浏览 97提问于2021-07-10得票数 0
回答已采纳
我正在尝试使用Angular文档中的这个示例来实现向后导航时的滚动：
class AppModule {
constructor(router: Router, viewportScroller: ViewportScroller) {
router.events.pipe(filter((e: Event): e is Scroll => e instanceof Scroll)).subscribe(e => {
if (e.position) {
// backward navigation
viewportScroll
浏览 51提问于2019-11-01得票数 0
回答已采纳
我需要一个void类型的observable，它发出发出的void值的数量。 const subject = new Subject<void>();
subject.pipe(
scan((acc, curr) => acc + 1, 0)
).subscribe(count => console.log(count));
subject.next(); // should output 1
subject.next(); // should output 2
subject.next(); // should output 3 上面的代码给出了以下编译
浏览 25提问于2019-02-14得票数 2
回答已采纳
我有以下代码：
export class EventsChainComponent {
eventSubscriber:Subscription;
constructor (protected eventService: EventService) {}
public registerComponentsEvent(event:any) {
// getOnEvent signature
// (method) EventService.getOnEvent(): Observable<FormEvent>
浏览 0提问于2018-10-01得票数 8
回答已采纳
我有以下代码
let obs$: Observable<string>
obs$.pipe(
tap(data => {
// do stuff
}),
);
如果我使用VSCode并在data变量上悬停，我会发现它的类型与预期的string相同。
然后我在ingnoreElements后面加上tap
obs$.pipe(
tap(data => {
// do stuff
}),
ignoreElements()
);
现在，如果我悬停在data上，类型
浏览 3提问于2020-05-27得票数 3
回答已采纳
下面的示例不是直接从版本5中的链式操作符转换而来的，它提供了一个类型记录编译器错误。
from([1, 2]).pipe(
reduce((acc, curr) => {
return acc + ' ';
}, '')
);
类型'MonoTypeOperatorFunction‘的参数不能分配给'OperatorFunction’类型的参数。参数“源”和“源”的类型不兼容。类型‘可观察’是不能分配的类型‘可观察’。输入'number‘不能指定键入'string’。2345
浏览 0提问于2019-02-03得票数 1
回答已采纳
下面的代码在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
回答已采纳
我在angular7上得到了一项服务，它给了我一些钥匙： getList(
pageSize: number = 30,
pageNumber: number = 0,
filters: CKeyListFilters = <CKeyListFilters>{},
sortByKey: string = 'activeTo',
sortOrder: SortOrder = SortOrder.DESC
): Observable<ListPaginated<CKey[]>> {
//
浏览 5提问于2019-04-25得票数 0
回答已采纳
我试图在以下场景中执行类型转换：
of(1, 2, 3, "not a number")
.pipe(
filter((val) => typeof val === "number"),
map((number) => number * 2)
)
.subscribe();
在map操作符中，number参数是number类型的，因为数组值是经过筛选的。但是，类型记录本身无法获得这一点，它说，number在map中的类型是string|number。我试着用以下的方式进行类型转换，但没有一种方法起作用。
尝试1
of(1,
浏览 6提问于2022-11-03得票数 0
回答已采纳
我升级了我的角应用程序，tslint给出了以下错误：
不推荐使用创建:使用新的可观察性()
它所抱怨的代码：
this.subs$ = Observable.create((observer: any) => {
observer.next(this.edited.code);
}).pipe(
debounceTime(defaultInputDebounceTime),
mergeMap((searchTerm: string) => this.getStrings(searchTerm))
);
我尝试过使用n
浏览 1提问于2020-01-30得票数 0
回答已采纳
getStep$(step): Observable<number> {
return of([1,2,3]).pipe(
filter((res: number) => step === res),
first()
) as Observable<number>;
}
我期待的是数字。像过滤器(res => res.step === step)，但是Webstorm抛出了typescript的错误。
Argument of type 'MonoTypeOperatorFunction<numbe
浏览 22提问于2021-05-31得票数 0
回答已采纳
我试图在我的json中的get请求中禁用对的自动响应解析。然而，每次我
return this.http.get(requestURL, {
responseType: 'text'
}).pipe(
map((response: Response) => {
console.log(response);
})
);
我的VSCode终端打开了pipe，包括红色的括号，我得到了
error TS2345: Argument of type 'OperatorFunction<Response, void>' is not a
浏览 4提问于2020-06-21得票数 2
回答已采纳
我是rxjs的新手，你能告诉我下面有什么问题吗？ interface IHTTP {
req: IncomingMessage;
res: ServerResponse;
handler?: Promise<any>;
}
server = http.createServer();
let request$: Observable<any>;
request$ = fromEvent(server, 'request').pipe(
map(([req, res]: [IncomingMessage, Serve
浏览 15提问于2021-01-09得票数 0
我试图添加一个按键事件，并将参数类型从事件转换为KeyboardEvent，但我收到以下TS错误。
fromEvent(document, "keydown")
.pipe<KeyboardEvent, KeyboardEvent>(
filter((event) => event.code === "F5"),
tap((event) => event.preventDefault())
)
.subscribe((ev) => {
console.log(ev);
});
但我得到了以下错
浏览 9提问于2022-08-12得票数 1
代码比语言更能说明问题，所以：
['a', 'b', 'c'].reduce((accumulator, value) => accumulator.concat(value), []);
这段代码非常愚蠢，它返回一个复制的数组...
TS抱怨concat的参数: TS2345：'string‘类型的参数不能赋值给'ConcatArray’类型的参数。
浏览 0提问于2019-01-10得票数 40
回答已采纳
1回答
最近，我刚刚学到了一些关于rxjs和角的知识。当我试图编写一个api来访问某些web服务时。
我定义了这种类型：
export type Banner = {
targetId: number;
url: string;
imageUrl: string;
}
服务部分是：
export class HomeService {
constructor(private http: HttpClient,
@Inject(API_CONFIG) private uri: string
浏览 2提问于2022-06-10得票数 1
回答已采纳
我正在编写一个RxJS操作符，它等待输入操作符完成，然后对第二个操作符执行一个switchMap操作(与switchMap一样，这个操作符是动态生成的)。我已经想出了我的代码的两个版本，一个可以工作，另一个不能工作，我很难理解为什么会这样。
起作用的版本：
import { Observable } from "rxjs"; // OperatorFunction,
import { defaultIfEmpty, last, switchMap } from "rxjs/operators";
// This definition of OperatorFu
浏览 1提问于2018-11-09得票数 1
回答已采纳
我在我的Sample.html中定义了
<input (keydown.Enter)="onKeyEnter($event)" ...
在我的Sample.ts中，我定义了
onKeyEnter(event: KeyboardEvent): void {
....
event.preventDefault();
event.stopPropagation();
}
我同意strictTemplates的失败
error TS2345: Argument of type 'Event' is not assignable t
浏览 9提问于2020-10-20得票数 3
回答已采纳
2回答
在我的项目中，当用户更改另一个列表中的选定值时，我有时希望更新列表中的可用选项。为此，我将valueChanges与pipe操作符和switchMap一起使用，如下所示：
this.form.controls.typeControl.valueChanges
.pipe(
switchMap((typeId: number) => {
return this.typesService.getProjectsByType(typeId);
}),
)
.subscribe((projects) => {
//...
});
现在，我
浏览 5提问于2022-04-01得票数 2
回答已采纳
1回答
我试着学习平均堆栈，我遇到了这个代码的一个问题。
如果您对如何解决这一问题有想法的话，将非常感谢您在编译时出现此错误。
getPosts() {
this.http
.get<{ message: string; posts:any }>(
"http://localhost:3000/api/posts"
)
.pipe(map((postData) => {
return postData.posts.map(post => {
return {
浏览 3提问于2022-01-06得票数 0
回答已采纳
我正试着做这个
document.addEventListener('click', (e: MouseEvent) => { ...
但是，类型记录无法根据事件名称知道确切的事件类型。
'click' => MouseEvent
认为e的类型是Event型。如定义中所示
declare type EventListenerOrEventListenerObject = EventListener | EventListenerObject;
interface EventListener {
(evt: Event): void;
浏览 2提问于2019-03-10得票数 10
回答已采纳
我是一个错误，而建设角应用程序。
HTML模板
<mat-form-field *ngIf="requested">
<input
matInput
(input)="sendingAccesscode($event)"
placeholder="{{ 'CODE_LABEL' | i18next }}"
name="accesscode"
formControlName="accesscode"
浏览 9提问于2022-08-12得票数 2
回答已采纳
1回答
我正在尝试找到一种在自定义运算符中访问流变量的方法。我的效果看起来像这样： @Effect()
v$ = this.actions$.pipe(
ofType(ActionTypes.Action),
map((action: ActionType) => action.payload),
customOperator(
new ActionCall(<I need to use the stream variable here>),
... // some other things not important in this context
浏览 12提问于2020-10-14得票数 1
回答已采纳
更新到react-addons- .d.ts -utils的最新测试定义破坏了我们测试代码的编译。在此函数中：
import * as TestUtils from 'react-addons-test-utils';
import MyReactComponent from 'blabla'
let buildComponent = () => {
const root = TestUtils.renderIntoDocument(<MyReactComponent/>);
return TestUtils.findRend
浏览 0提问于2016-04-06得票数 3
1回答
我正在学习一门关于如何使用firebase和角设计身份验证的课程。直到我在名为getCurrentUser()的函数中遇到这个错误之前，一切都运行得很好。
这是错误消息
(error TS2345:类型为'OperatorFunction<firebase.User，User>‘的参数不能分配给'OperatorFunction<User \ null，User>’类型的参数。输入'User \ null‘不能分配给键入'User’。类型'null‘不能分配给键入’User‘)。)
你知道如何解决这个问题吗？
import {
浏览 1提问于2020-08-13得票数 0
1回答
我刚刚从typescript 2.4升级到3.2，现在有了未知类型，类型系统更加严格，这会触发一些以前没有的错误。
因此，我的效果是从存储中检索一些可能为空的数据，并且在调度下一个操作之前，我希望通过使用筛选器来确保它不为空。
@Effect() saveSuccess$: Observable<Action> = this.actions$.pipe(
ofType(actions.SAVE_SUCCESS),
switchMapTo(this.store.pipe(select(selectors.getId))),
filter
浏览 9提问于2019-07-26得票数 7
回答已采纳
1回答
const of = require('rxjs').of;
const map = require('rxjs/operators').map
of(123).pipe(
map(num => num.toString()),
map(str => str.substring(0,1)),
).subscribe(console.log);
在上面的第二个map中，从返回string的前一个map中正确地推断了str参数的类型。我很好奇在第二个地图运算符中，打字本是如何推断类型的。
这个RxJS很好地设计了代码，使其能够实现吗？
还是只有
浏览 1提问于2020-04-14得票数 2
回答已采纳
为什么下面的代码会导致下面的错误？
码
const queryApi = (request: AxiosRequestConfig): Observable<ParsedData> => {
return new Observable(observer => {
axios(request).then(response => {
observer.next(response);
observer.complete();
}).catch(error => {
observ
浏览 0提问于2019-03-28得票数 0
回答已采纳
1回答
我有一个类似于描述的案例。
我有一个用户登录服务，它验证用户的令牌是否仍然有效。服务器的响应定义在一个接口中：
export interface UserVerifyResponse {
success: boolean
}
我的目标是创建一个可观察的，它将返回一个布尔值，这取决于用户是否被验证。此代码用于RxJS v6.2：
authenticate(): Observable<boolean> {
return this.http.get<boolean>(
this.apiUrl+'/verify_user'
浏览 0提问于2018-11-10得票数 0
回答已采纳
我对角质还不熟悉。
我该如何解决这个问题？
我安装了Angular CLI: 11.0.7和Node: 12.18.4
错误：
错误: src/app/_services/account.service.ts:19:7 - error TS2345:类型'OperatorFunction<User，void>‘的参数不能分配给'OperatorFunction<Object，void>’类型的参数。“Object”类型可分配给极少数其他类型。你是想用“任意”字代替吗？类型“User”中缺少以下属性:用户名、令牌
19 map(响应:用户) => {
浏览 5提问于2021-01-24得票数 17
回答已采纳
有人知道为什么下面的代码不起作用吗？
interface EventBase {
source: object;
}
interface ClickEvent extends EventBase {
data: number;
}
interface ButtonEventMap {
'click': ClickEvent;
}
class Button {
declare eventMap: ButtonEventMap;
trigger<K extends keyof this['eventMap']>(type: K
浏览 10提问于2022-09-08得票数 1
回答已采纳
一个嵌套的对象显示为对象对象，所以我试图通过管道和映射来转换它，但我没有得到任何结果。我试过将模型作为类和接口，但没有帮助。谁能告诉我我哪里做错了？谢谢。 函数： getClients(customerId: number): Observable<Client[]> {
let clientUrl = 'SOME_URL';
return this.http.get<Client[]>(clientUrl)
.pipe(map(client: Client) => client.address as Addres
浏览 19提问于2019-01-08得票数 18
回答已采纳
2回答
我想知道是否有人能向我解释这个错误，因为我对棱角，打字和rxjs比较陌生。
我想要做的是映射我在调用getHeroes()时得到的服务器响应，这种格式使我的组件更容易使用它。
这是我的getHeroes()方法，正在工作：
getHeroes(): Observable<Hero[]> {
const heroes = this.http.get<any>(this.heroesUrl)
.pipe(
map((res: EmbeddedResponse) => res._embedded.heroes),
浏览 2提问于2021-10-15得票数 1
回答已采纳
我试图监听用户单击DOM元素的鼠标，并获取事件的clientX/clientY鼠标坐标。使用角v12.1.5和RxJsv6.6.0。
const click$ = () =>
fromEvent(document, 'click').pipe(
map((ev: MouseEvent) => ev.clientX)
)
上面的代码会产生以下错误：
Argument of type 'OperatorFunction<MouseEvent, number>' is not assignable to parameter of type
浏览 4提问于2022-06-14得票数 1
回答已采纳
1回答
在泛型函数中使用元组类型时，如何“扩展”源类型？
假设我们想要创建一个rxjs映射操作符，它将返回源可观测值和另一个映射值：
export function mapExtended<T, R>(mapping: (input: [T]) => R): OperatorFunction<[T], [T, R]>;
export function mapExtended<T1, T2, R>(mapping: (input: [T1, T2]) => R): OperatorFunction<[T1, T2], [T1, T2, R]>;
浏览 1提问于2019-04-13得票数 2
回答已采纳
我有以下代码： interface A {
data?: number
}
const acceptsNumber = (x: number) => {
console.log(x)
}
const a: A = {
data: 6
}
const doesAHasValue = a.data
if (doesAHasValue) {
acceptsNumber(a.data)
} 最后一行(acceptsNumber(a.data))出现以下错误：'number | undefined‘类型的参数不能赋给'number’类型的参数。类型
浏览 13提问于2020-01-29得票数 0
即使代码运行得很好，我也会出现以下错误：
"TS2345: Argument of type 'Event' is not assignable to parameter of type 'KeyboardEvent'.
Property 'altKey' is missing in type 'Event'."
// In a Class
public listenTo = (window: Window) => {
['keydown', 'keyup'].f
浏览 1提问于2017-11-13得票数 12
回答已采纳
在我的角-11项目中，我有这样的代码：
logout(Event = MouseEvent){
// tslint:disable-next-line:no-unused-expression
event.preventDefault;
this.loggedIn = false;
this.token.remove();
this.auth.changeAuthStatus(false);
this.router.navigateByUrl('/login');
this.notify.info("Logout Succesfully
浏览 4提问于2021-06-04得票数 0
回答已采纳
我有关于泛型函数的som问题，它的函数是以未知的param作为param。
export const inject = <I,V>(fn:<U>(input?:U) => V, resolveWithPayload: boolean, resolveArgs?: I) => <R>(payload:R):R => {
resolveWithPayload ? fn(payload) : resolveArgs ? fn(resolveArgs) : fn();
return payload;
};
const fn =
浏览 0提问于2019-03-08得票数 0
回答已采纳
我用rxjs 5符号编写了这个服务代码：
constructor(private _authService: AuthService) {
this._ws$ = WebSocketSubject.create<any>({
url: WS_URL,
protocol: this._authService.token
});
this._ws$.retryWhen(errors => {
// switchMap to retrieve the source error
return
浏览 0提问于2018-08-16得票数 0
回答已采纳
3回答
管道()函数的类型
、、、
考虑以下TypeScript代码：
type operator<T> = (input:T) => T
const pipe = <T>(...operators:operator<T>[]) => (input:T):T => operators.reduce((output, f) => f(output), input)
const add2:operator<number> = x => x+2
const times3:operator<number> = x => x*3
con
浏览 7提问于2020-12-05得票数 10
回答已采纳
运行以下代码：
<app-pokemon-form *ngIf="showPokemonForm" (newPokemonEvent)="addNewPokemon($event)"
(pokemonFormClose)="pokemonFormClose($event)"
[pokemon]="currentPokemon"></app-pokemon-form>
导致错误：
error TS2345:类型'Event‘的参数不能分配给'IPokemon'.
浏览 5提问于2022-04-08得票数 0
我有这个错误:类型'string \ undefined‘的参数不能分配给'string’类型的参数。类型'undefined‘不能分配到输入'string’。TS2345
if (menu.authenticated && menu.canView?.includes(profile?.accountType)) {
| ^**Error is here**
123 | return loggedInUser &&am
浏览 6提问于2022-02-16得票数 0
我可以取消订阅fromtEvent RxJ中的主题使用takeUntil吗？我的示例代码如下：
private _closed$: Subject = new Subject<boolean>();
fromEvent(document, 'mousedown')
.pipe(takeUntil(this._closed$));
但问题是我的衬布显示了我的错误：
Argument of type 'Observable<unknown>' is not assignable to parameter of type
浏览 1提问于2021-11-30得票数 0
我正在获取一个对象数组，并希望向对象添加一个新属性。此属性的值应该是另一个Observable的结果。
getDossiers = (user: IUser): Observable<Array<Record<string, any>>> => {
return from(this.dossierSource(user).load()).pipe(
switchMap((dossiers) => {
const getCoordinates$ = dossiers.map(
(
浏览 2提问于2022-03-16得票数 0
1回答
我试图在Lambda调用中使用TyepScript witn Middy。我的代码之一是：
// My types definition
import BodyRequestType from 'types';
// some code
async function myFunction (
event: { body: BodyRequestType },
callback: ??? <--
): Promise<void> {
// my code
return callback(null, {
statusCode: 200,
浏览 5提问于2020-11-12得票数 0
回答已采纳
我有一个类Collection，它接受另一个类作为param personClass。我认为方法add应该接受包含在类User构造函数中的参数。
class Person {
constructor(public data: object) {
}
}
type GetConstructorParams<T> = T extends {
new (...params: infer Args): any
} ? Args : never
type GetConstructor<Instance> = new (...params: GetConstruct
浏览 7提问于2022-02-17得票数 1
回答已采纳
2回答
DRY (不要重复)
假设我在我的应用程序中大量使用了以下代码：
observable$.pipe(
tap(value => console.log(value)),
map(value => value * 5),
... more repeated stuff
)
假设值5在代码的某些部分是不同的，但其他部分是相同的。我是否可以通过某种方式将其功能化/做些什么，以使其可重用，从而避免复制粘贴问题？
我能做这样的事情吗？
observable$.pipe(
getReusedOperators(7), // this would pipe to all abov
浏览 0提问于2018-08-11得票数 2
回答已采纳
输入“string”时出错。TS2345
类型'Item‘的参数不能分配给'string’类型的参数。TS2345
filter(resortList:ResortResult[], selectedFilters:SelectedFilters) {
return resortList
.filter(resort => {
let roomTypes = resort.available.flat().map(room => room.roomType);
let activities = resor
浏览 1提问于2021-09-20得票数 1
2回答
编辑-类别-组件.edit：
<app-form-category *ngIf="model" [model]="model"
(onSaveChanges)="saveChanges($event)"></app-form-category>
<mat-spinner *ngIf="!model"></mat-spinner>
edit-category.component.ts
import { Component, OnInit } from '@angular/co
浏览 4提问于2021-08-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
