React-Loadable с сторонним компонентом реакции не работает

Question

Я пытаюсь использовать реагирующую загрузку на сторонних компонентах реакции.Это просто показывает пустую страницу.Когда я использовал его, чтобы разделить код моих собственных компонентов, он работал нормально.

import React from 'react'
import Loadable from 'react-loadable'; 

const Loading = () => <div>Loading...</div>
const Modal = Loadable({
    loader: () => import('react-responsive-modal'), 
    /*loader: () => import('./My-Own-Component'),//this works fine.*/
    loading: Loading
});

class MyTest extends React.Component{

    render(){
       return(<Modal />)
    }
}
export default MyTest

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

Answer 1

Просто догадка.Можете ли вы попробовать извлечь компонент внутри react-responsive-modal в пользовательский компонент и попытаться проверить, работает ли он.

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