Почему мои предварительно загруженные сценарии не используются? (веб-пакет)

Question

Я пытаюсь выполнить предварительную выборку скриптов, чтобы можно было визуализировать (предварительно загруженные) компоненты React, к которым пользователь будет переходить быстрее. Мои сценарии предварительно загружаются, но, похоже, они не используются. Когда я перехожу на другую страницу (например, Look), пакет Look загружается снова, а предварительно выбранный пакет вообще не используется.

Я опубликовал по два скриншота заголовков каждого запроса. Запрос предварительной выборки имеет разные Acceptзначение в его заголовке (запросы, сделанные webpack). ВCookie значение также отличается, я считаю, что это связано с Google Analytics, но я не думаю, что это проблема.

Набирая это, я заметил, что на вкладке "Предварительный просмотр / ответ" в Chrome указано "Не удалось загрузить данные ответа" (см. Первый снимок экрана), поэтому я проверил Firefox, и там ответы совпадают, но я предполагаю, что это может быть индикатором что не так.

TL;DR: Почему мои предварительно загруженные сценарии не используются?

я использую @loadable/component для предварительной загрузки компонентов пример кода:

import loadable from '@loadable/component';
import React from 'react';

const LoadableComponent = loadable(
  () =>
    import(
      /* webpackChunkName: "Look", webpackPrefetch: true */
      '../containers/Look'
    ),
  {
    fallback: <div />,
  },
);

const LookLoadable = () => <LoadableComponent />;

export default LookLoadable;

Answer 1

Я только что заметил у тебя pragma а также cache-control установлен в no-cache так что это также остановит кеширование скриптов в браузере.