Описание тега react-loadable

0 ответов

Проблема импорта внешних модулей из компонента, включенного с реагирующей загрузкой

У меня есть компонент, загруженный с использованием act-loadable (5.4.0), который также загружает некоторые другие локальные и внешние библиотеки: import { validationAPI, docstringAPI, autocompleteAPI } from 'utils/request'; import something from '.…
30 авг '18 в 16:02
0 ответов

Как я могу экспортировать различные компоненты из библиотеки с помощью реагирующей загрузки

Я хочу добиться чего-то вроде этого: Loadable({ loader: () => import('react-bootstrap') }) и затем я хочу экспортировать определенные компоненты внутри, такие как Grid, Row, Col, которые обычно импортируются следующим образом: import { Grid, Row,…
13 авг '18 в 11:49
1 ответ

React Router 4 + Разделение кода | Компоненты перемонтируются

У меня есть следующий код: import React from 'react' import Loadable from 'react-loadable' import { Route } from 'react-router-dom' class App extends React.Component { state = { kappa: false } componentDidMount() { setTimeout(() => { setState({ k…
0 ответов

Перед загрузкой проверьте, есть ли чанк

Фон У меня есть приложение на стороне сервера, и разделение кода выполняется с помощью react-loadable Используя react-loadable "s webpack плагин, я могу знать, какие куски необходимы для страницы, и впоследствии может отправить их вместе со средой …
17 фев '19 в 12:03
0 ответов

Реагировать с реагируемой загрузкой не рендеринг асинхронных страниц во время SSR

Я создаю новый проект, который включает в себя реагирующий SSR с реагирующей загрузкой. (на основе https://github.com/jamiebuilds/react-loadable/tree/master/example) В документах о реактивной загрузке упоминается, что мне нужно добавить "Loadable.pr…
01 июн '18 в 14:04
0 ответов

Базовый тест рендеринга для реагирующих загружаемых компонентов

У меня есть компонент, который я загружаю динамически const Summary = loadable({ loader: () => import( /* webpackChunkName: "summary" */ 'app/components/summary') resolveModule: module => module.default, }); Проблема: Мой модуль не разрешается…
01 авг '18 в 07:43
0 ответов

Задержка пропеллера не работает, загрузка пропеллера "мигает" без задержки

Я использую response-loadable@5.5.0 для разделения кода в базовом веб-приложении. Установил ли я delay Пропеллер или нет, загрузочный счетчик мигает сразу при загрузке страницы без задержки. Я удалил приложение, чтобы удалить часть логики маршрутиза…
20 ноя '18 в 23:45
3 ответа

Реактивно загружаемый импорт из нескольких классов экспортируемых js

Как импортировать из нескольких экспортируемых классов js файл в react-loadable,Я пытаюсь импортировать CustomButton от MyButton.js с помощью react-loadable в Home.js, Это единственный способ, которым я знаю, это не работает. MyButton.js import { Cu…
0 ответов

React-Loadable пропускает рендеринг "Загрузка компонента"

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

Как гидрировать с помощью приложения реакции, использующего реагирующий маршрутизатор после загрузки?

Я пытался использовать расщепление кода с react-router и обнаружил, что react-loadable рекомендуется в нескольких местах ( https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/code-splitting.md и https://re…
1 ответ

Загрузка нескольких ресурсов с реактивной загрузкой не работает

Чтобы повысить производительность сайта, я думал о разделении кода на некоторые из моих компонентов, которые мне не нужны при первоначальной сборке. После поиска некоторых вариантов я решил пойти с реагируемой загрузкой. В соответствии с загружаемым…
3 ответа

Временно отключить реагирующую загрузку

Когда используешь react-loadableвы не легко предупреждаетесь об ошибках, возникающих в этих асинхронных компонентах, таких как неправильный импорт. Я хотел бы иметь возможность отключить реагирующую загрузку в среде разработчика и включить ее в рабо…
18 дек '18 в 19:25
0 ответов

Как избежать дублирования кода в чанках, используя CRA + разбиение кода

Например, скажем, у нас есть два компонента с общим импортом: ... import Hello from './Hello' class A extends Component {} а также ... import Hello from './Hello' class B extends Component {} Эти компоненты затем загружаются асинхронно в другой комп…
0 ответов

Почему preloadAll() не работает, используя реагирующую загрузку?

Я пытаюсь использовать реактивную загрузку в моем проекте, но Loadable.preloadAll не работает. Когда я пытаюсь загрузить http://localhost:1337/ я получаю localhost refused to connect, react-loadable.json выглядит хорошо. Я использую React 16.6.3, We…
03 янв '19 в 14:46
0 ответов

SSR: откладывать определенные компоненты для загрузки на клиенте (особенно те, в которых есть окно)

Итак, я переезжаю из react-async-component в react-loadable bc ошибка, которая не исправлена. react-async-component имеет этот отличный serverMode это позволяет вам никогда не загружать компонент на сервер. Это может быть полезно для административны…
23 янв '19 в 16:09
0 ответов

Как я могу добавить атрибут rel="preload" в чанки CSS в реагируемой загрузке

Я использую https://github.com/jamiebuilds/react-loadable и у меня есть вопрос. Мне нужно добавить атрибут rel="preload" в чанки CSS (возможно, и для JS). Но я не знаю как. Я видел пример с getBundles в конце документации, но пример с SSR. Итак, вы …
04 фев '19 в 21:28
1 ответ

Расщепление кода с помощью Loadable от реагирующих на загрузку причин мерцание экрана

Я пытаюсь применить разбиение кода к моему приложению React. Код ниже - это мои маршруты с разделением кода, примененным Loadable от react-loadable, При реализации каждый раз, когда я получаю доступ к каждой странице, фрагмент кода из веб-пакета заг…
10 фев '19 в 04:52
2 ответа

Должен ли я использовать реагирующую или загружаемые компоненты для разделения кода?

Я хочу разделить мой код реакции с рендерингом на стороне сервера. Для этого у меня есть два варианта. загружаемые-компоненты реагируют загружаемый загружаемые-компоненты Реактивная документация предложила использовать loadable-компоненты для сервер…
25 янв '19 в 06:24
0 ответов

Почему реагирующая загрузка делает восстановление настолько медленным в моем проекте?

Я работаю над проектом, который использовал реагирующую загрузку следующим образом: const routes = [{component: 'a'}, {component: 'b'}] routes.forEach(data => { data.cmp = Loadable({ loader: () => import('./Approve/' + data.component), loading…
0 ответов

React Router v4 показывает текущий компонент маршрута до разрешения асинхронного маршрута

Я использую react-router v4 вдоль стороны react-loadable асинхронная загрузка согласованных маршрутов. <LayoutWrapper> <Route exact path="/" render={props => currentUser ? ( <AsycnExamplePage {...props} currentUser={currentUser} />…
22 окт '17 в 06:06