Привет, @areknow, спасибо, что предоставили пример воспроизведения и подняли вопрос.
Я предполагаю, что событие не запускается намеренно - поскольку вы уже установили фильтры, вы знаете, что они изменились, поэтому мы не запускаем события сразу после установки входов. Мы запускаем события только тогда, когда пользователь взаимодействует с компонентом. Но я могу ошибаться в этом случае @lukasholzer, ты точно знаешь больше :)

Что касается ошибки ExpressionChangedAfterChecked - это определенно то, что нам нужно проверить.

На данный момент мы предполагаем, что это проблема при работе во viewEngine.
Мы пытались воспроизвести его в наших приложениях для разработки и демонстрации, но безуспешно. Нам не удалось воспроизвести проблему вне stackblitz.

@areknow, можете ли вы подтвердить, что приложение, в котором вы заметили эту проблему, работает в viewEngine (мы знаем, что stackblitz работает с viewEngine)?

@ ffriedl89 Конечно, это имеет смысл, спасибо за объяснение об обработчике событий!

@gselltho Я могу подтвердить, что мое приложение использует viewEngine.

Спасибо, парни!

@tomheller Я только что включил Ivy в своем приложении, но все еще вижу ошибку ExpressionChangedAfterChecked. Может, здесь что-то еще происходит?

Еще одно интересное обновление: ошибка возникает только у меня локально. После сборки в dev через наш конвейер (jenkins) ошибка не видна в dev env.

Локально я выполнил полный npm ci но все еще вижу ошибку. Есть еще один кеш, который нужно очистить?

Спасибо!

@areknow, можно ли попробовать aot в angular.json значение true или передав --aot команде ng serve ... .

Я думаю, что это проблема компиляции JIT (как раз вовремя) - это должно быть причиной, по которой вы не видите ее в своей среде разработки.

Как правило, начиная с версии 9 вы должны использовать AOT для компиляции:
https://angular.io/guide/aot-compiler#choosing -a-compiler

К сведению, также запланирована синхронизация вызовов для дальнейшего изучения этой проблемы. Спасибо @areknow за настройку.

@areknow, можно ли попробовать aot в angular.json значение true или передав --aot команде ng serve ... .

Я думаю, что это проблема компиляции JIT (как раз вовремя) - это должно быть причиной, по которой вы не видите ее в своей среде разработки.

Как правило, начиная с версии 9 вы должны использовать AOT для компиляции:
https://angular.io/guide/aot-compiler#choosing -a-compiler

@lukasholzer спасибо за ответ!
Я попытался добавить aot: true в конфигурацию сборки serve в angular.json, а также попытался добавить флаг --aot в команду serve. Я по-прежнему вижу ошибку локально 😅

Это становится действительно странным. Мы также пробовали это в нашем приложении для разработки со всеми возможными перестановками ivy: on|off и viewEngine: on|off , но нам все равно не удалось воспроизвести ошибку. Но мы можем видеть это в stackblitz и совершенно сбиты с толку, почему это происходит. С нетерпением жду нашего звонка @areknow. Может быть, если мы соберемся вместе, мы сможем понять, что здесь происходит.

@tomheller звучит хорошо!

@tomheller Мне удалось воспроизвести проблему в новом проекте: https://github.com/areknow/barista-quick-filter-bug

Все еще рады встрече в запланированное время 👍

Благодаря @areknow мы смогли отследить источник проблемы в предоставленной им настройке. К сожалению, мы все еще не можем воспроизвести его ни в одном из наших приложений в репозитории, что вызывает некоторое беспокойство.