Mixing
Visual Studio does not recognize NgRx ofType() return type (showing never type, still compiles and runs well...
I have the following code which uses NgRx Effect:
import { Injectable } from "@angular/core";
import { Actions, ofType, Effect } from "@ngrx/effects";
import { SearchContactService } from "../../search-contact.service";
import { Action } from "@ngrx/store";
import { Observable, of } from "rxjs";
import { SearchActionTypes, SearchTagResultAction, SearchKeywordResultAction } from "../actions/search.action";
import { mergeMap, map, debounceTime, distinctUntilChanged, filter } from "rxjs/operators";
@Injectable()
export class SearchEffects {
@Effect()
enterSearch$: Observable<Action> = this.actions$.pipe(
ofType(SearchActionTypes.SearchEnterKeyword),
filter(action => { return action && action.payload.keyword && action.payload.keyword.length }),
debounceTime(300),
distinctUntilChanged(),
mergeMap(action => {
let keyword = action.payload.keyword as string;
if (keyword.startsWith("#")) {
return this.searchContactService.searchTag(keyword.substr(1))
.pipe(
map(data => new SearchTagResultAction({
tags: data,
}))
);
} else {
return this.searchContactService.searchContact(keyword)
.pipe(
map(data => new SearchKeywordResultAction({
contacts: data,
}))
);
}
}),
);
constructor(
private searchContactService: SearchContactService,
private actions$: Actions) {
}
}
The code compiles and runs well in browser. However, it's quite annoying that VS shows the error at every action parameter.
Anyone has this problem? How can I solve it?
EDIT: I found out it is because of ofType method, not the pipe itself. Still cannot understand why yet.
EDIT 2: After adding type for ofType another assignment error. In browser, it still compiles and runs. I even tried SearchActions (my union Action type), same problem still.
EDIT: Found out the solution: use explicit type on mergeMap too:
mergeMap<SearchEnterKeywordAction, SearchActions>(action => {
angular visual-studio typescript ngrx visual-studio-2019 asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
add a comment |
I have the following code which uses NgRx Effect:
import { Injectable } from "@angular/core";
import { Actions, ofType, Effect } from "@ngrx/effects";
import { SearchContactService } from "../../search-contact.service";
import { Action } from "@ngrx/store";
import { Observable, of } from "rxjs";
import { SearchActionTypes, SearchTagResultAction, SearchKeywordResultAction } from "../actions/search.action";
import { mergeMap, map, debounceTime, distinctUntilChanged, filter } from "rxjs/operators";
@Injectable()
export class SearchEffects {
@Effect()
enterSearch$: Observable<Action> = this.actions$.pipe(
ofType(SearchActionTypes.SearchEnterKeyword),
filter(action => { return action && action.payload.keyword && action.payload.keyword.length }),
debounceTime(300),
distinctUntilChanged(),
mergeMap(action => {
let keyword = action.payload.keyword as string;
if (keyword.startsWith("#")) {
return this.searchContactService.searchTag(keyword.substr(1))
.pipe(
map(data => new SearchTagResultAction({
tags: data,
}))
);
} else {
return this.searchContactService.searchContact(keyword)
.pipe(
map(data => new SearchKeywordResultAction({
contacts: data,
}))
);
}
}),
);
constructor(
private searchContactService: SearchContactService,
private actions$: Actions) {
}
}
The code compiles and runs well in browser. However, it's quite annoying that VS shows the error at every action parameter.
Anyone has this problem? How can I solve it?
EDIT: I found out it is because of ofType method, not the pipe itself. Still cannot understand why yet.
EDIT 2: After adding type for ofType another assignment error. In browser, it still compiles and runs. I even tried SearchActions (my union Action type), same problem still.
EDIT: Found out the solution: use explicit type on mergeMap too:
mergeMap<SearchEnterKeywordAction, SearchActions>(action => {
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
add a comment |
I have the following code which uses NgRx Effect:
import { Injectable } from "@angular/core";
import { Actions, ofType, Effect } from "@ngrx/effects";
import { SearchContactService } from "../../search-contact.service";
import { Action } from "@ngrx/store";
import { Observable, of } from "rxjs";
import { SearchActionTypes, SearchTagResultAction, SearchKeywordResultAction } from "../actions/search.action";
import { mergeMap, map, debounceTime, distinctUntilChanged, filter } from "rxjs/operators";
@Injectable()
export class SearchEffects {
@Effect()
enterSearch$: Observable<Action> = this.actions$.pipe(
ofType(SearchActionTypes.SearchEnterKeyword),
filter(action => { return action && action.payload.keyword && action.payload.keyword.length }),
debounceTime(300),
distinctUntilChanged(),
mergeMap(action => {
let keyword = action.payload.keyword as string;
if (keyword.startsWith("#")) {
return this.searchContactService.searchTag(keyword.substr(1))
.pipe(
map(data => new SearchTagResultAction({
tags: data,
}))
);
} else {
return this.searchContactService.searchContact(keyword)
.pipe(
map(data => new SearchKeywordResultAction({
contacts: data,
}))
);
}
}),
);
constructor(
private searchContactService: SearchContactService,
private actions$: Actions) {
}
}
The code compiles and runs well in browser. However, it's quite annoying that VS shows the error at every action parameter.
Anyone has this problem? How can I solve it?
EDIT: I found out it is because of ofType method, not the pipe itself. Still cannot understand why yet.
EDIT 2: After adding type for ofType another assignment error. In browser, it still compiles and runs. I even tried SearchActions (my union Action type), same problem still.
EDIT: Found out the solution: use explicit type on mergeMap too:
mergeMap<SearchEnterKeywordAction, SearchActions>(action => {
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
I have the following code which uses NgRx Effect:
import { Injectable } from "@angular/core";
import { Actions, ofType, Effect } from "@ngrx/effects";
import { SearchContactService } from "../../search-contact.service";
import { Action } from "@ngrx/store";
import { Observable, of } from "rxjs";
import { SearchActionTypes, SearchTagResultAction, SearchKeywordResultAction } from "../actions/search.action";
import { mergeMap, map, debounceTime, distinctUntilChanged, filter } from "rxjs/operators";
@Injectable()
export class SearchEffects {
@Effect()
enterSearch$: Observable<Action> = this.actions$.pipe(
ofType(SearchActionTypes.SearchEnterKeyword),
filter(action => { return action && action.payload.keyword && action.payload.keyword.length }),
debounceTime(300),
distinctUntilChanged(),
mergeMap(action => {
let keyword = action.payload.keyword as string;
if (keyword.startsWith("#")) {
return this.searchContactService.searchTag(keyword.substr(1))
.pipe(
map(data => new SearchTagResultAction({
tags: data,
}))
);
} else {
return this.searchContactService.searchContact(keyword)
.pipe(
map(data => new SearchKeywordResultAction({
contacts: data,
}))
);
}
}),
);
constructor(
private searchContactService: SearchContactService,
private actions$: Actions) {
}
}
The code compiles and runs well in browser. However, it's quite annoying that VS shows the error at every action parameter.
Anyone has this problem? How can I solve it?
EDIT: I found out it is because of ofType method, not the pipe itself. Still cannot understand why yet.
EDIT 2: After adding type for ofType another assignment error. In browser, it still compiles and runs. I even tried SearchActions (my union Action type), same problem still.
EDIT: Found out the solution: use explicit type on mergeMap too:
mergeMap<SearchEnterKeywordAction, SearchActions>(action => {
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
edited Jan 3 at 9:16
Luke Vo
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
asked Jan 2 at 17:42
Luke VoLuke Vo
5,4461762112
5,4461762112
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You have to type the ofType operator:
ofType<SearchEnterKeyword>(SearchActionTypes.SearchEnterKeyword),
Since NgRx 7 you can also type the Actions injected by @ngrx/effects
constructor(private actions$: Actions<MyActionsUnion>) {}
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) atmergeMapthough (another error, notnevertype). The code still compiles and runs, only VS complains.
– Luke Vo
Jan 2 at 22:14
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54010817%2fvisual-studio-does-not-recognize-ngrx-oftype-return-type-showing-never-type%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You have to type the ofType operator:
ofType<SearchEnterKeyword>(SearchActionTypes.SearchEnterKeyword),
Since NgRx 7 you can also type the Actions injected by @ngrx/effects
constructor(private actions$: Actions<MyActionsUnion>) {}
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) atmergeMapthough (another error, notnevertype). The code still compiles and runs, only VS complains.
– Luke Vo
Jan 2 at 22:14
add a comment |
You have to type the ofType operator:
ofType<SearchEnterKeyword>(SearchActionTypes.SearchEnterKeyword),
Since NgRx 7 you can also type the Actions injected by @ngrx/effects
constructor(private actions$: Actions<MyActionsUnion>) {}
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) atmergeMapthough (another error, notnevertype). The code still compiles and runs, only VS complains.
– Luke Vo
Jan 2 at 22:14
add a comment |
You have to type the ofType operator:
ofType<SearchEnterKeyword>(SearchActionTypes.SearchEnterKeyword),
Since NgRx 7 you can also type the Actions injected by @ngrx/effects
constructor(private actions$: Actions<MyActionsUnion>) {}
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
You have to type the ofType operator:
ofType<SearchEnterKeyword>(SearchActionTypes.SearchEnterKeyword),
Since NgRx 7 you can also type the Actions injected by @ngrx/effects
constructor(private actions$: Actions<MyActionsUnion>) {}
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
answered Jan 2 at 19:12
timdeschryvertimdeschryver
3,3891212
3,3891212
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) atmergeMapthough (another error, notnevertype). The code still compiles and runs, only VS complains.
– Luke Vo
Jan 2 at 22:14
add a comment |
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) atmergeMapthough (another error, notnevertype). The code still compiles and runs, only VS complains.
– Luke Vo
Jan 2 at 22:14
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) at
mergeMap though (another error, not never type). The code still compiles and runs, only VS complains.– Luke Vo
Jan 2 at 22:14
Thanks that work for the unknown type. Could you please explain the latter part? What is it? On VS, I still get a compiler error message (going to update my post to add screenshot) at
mergeMap though (another error, not never type). The code still compiles and runs, only VS complains.– Luke Vo
Jan 2 at 22:14
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54010817%2fvisual-studio-does-not-recognize-ngrx-oftype-return-type-showing-never-type%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
