Кэш Apollo Client Chrome Devtools пуст с Angular

У меня есть клиентское приложение Apollo Angular. Пишу в магазин:

const userQuery = this.userGql.document;
this.apollo.getClient().writeQuery({
  query: userQuery,
  data: { user: result.data.login.user },
});

Это работает. Затем я извлекаю пользователя из кеша и отображаю данные:

this.user = this.apollo.getClient().readQuery({
  query: this.userGql.document,
}).user;

Это также работает. Однако все время мой кеш в Google Chrome Devtools выглядит так:

Кэш Apollo Client Chrome Devtools пуст с Angular

Почему это пусто? Я хотел бы просмотреть отладку состояния кеша. Кроме того, когда я перехожу на вкладку GraphiQL и выбираю получить из кеша, он запрашивает API (я могу это сказать, потому что я не передаю токен, и он отклоняет запрос с ошибкой без проверки подлинности).

Редактировать, я установил connectToDevTools значение true на всякий случай:

export function createApollo(httpLink: HttpLink) {
  return {
    link: httpLink.create({ uri }),
    cache: new InMemoryCache({
      dataIdFromObject: object => {
        switch (object.__typename) {
          case 'user':
            return object['username'];
        }
      },
    }),
    connectToDevTools: true,
  };
}

Вы пытались установить connectToDevTools на true в конфигурации клиента Apollo?

Daniel Rearden 14.03.2019 18:47

Я сделал, спасибо. Измененный пост, чтобы показать

Diesel 15.03.2019 02:56

У меня такая же проблема в React. Вы когда-нибудь решали это?

Intellidroid 17.07.2019 09:54

У меня все еще есть эта проблема.

Diesel 17.07.2019 15:11
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
9
4
774
0

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