Почему @ngrx/effects вызывает действие, но не меняет состояние?

У меня есть этот эффект:

loadIpInfo$ = createEffect(() => {
    return this.actions$.pipe(
        ofType(loadIpInfo),
        concatMap((action: {ipInfoConfig: IpInfoConfig}) => {
            return this.ipService.getIpDetails(action.ipInfoConfig).pipe(
                map((ipInfoResponse) => {
                    this.store.dispatch(setErrorMessage({ message: '' }));
                    return loadIpInfoSuccess({ ipInfoResponse });
                }),
                catchError(() => {
                    return of(setErrorMessage({ message: 'Unknown error occurred. Please try again' }));
                })
            )
        })
    )
})

Он запускает действие: loadIpInfo, но не меняет состояние.

Action

State

Используя точки останова, я увидел, что он не входит в concatMap.

Я пробовал с разными rxjs.операторы, такими как: выхлопКарта, карта слияния, переключательКарта, но с тем же результатом.

Цель этого эффекта — получить статические данные от config.json и вызвать httpClient.получить(..) с этой информацией.

Что я делаю не так?

Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
0
24
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Трудно сказать, не имея репродукции.

Обязательно импортируйте класс эффектов в EffectsModule.forRoot([]) или EffectsModule.forFeature([]).

Привет, @timdeschryver, в родительском модуле, который загружен лениво, у меня уже есть EffectsModule.forFeature([SharedEffects]), также я только что отредактировал сообщение с адрес гитхаба.

Robert 10.04.2022 10:40

Я считаю, что действие отправляется до того, как будет зарегистрирован лениво загруженный модуль.

timdeschryver 10.04.2022 10:53

У меня есть app.module.ts, который является родительским модулем, и nav.module.ts, который является модулем ленивая загрузка.

У меня также есть Общие эффекты, я добавил его к nav.module.ts с помощью forFeature(..), но компонент, вызвавший эффект, был app.component.ts, поэтому его пришлось добавить к app.module.ts с помощью forRoot(..)

Другие вопросы по теме