typescript和react loader存在一些问题

当我使用typescript和react loader时，控制台报告了如下错误

这是一个新的项目测试。使用react loadable实现动态加载

import Loadable from 'react-loadable';
const Home = Loadable({
  loader: () => import('../home/home'),
  loading: <div></div>,
})

从“react Loadable”导入可加载；
常量Home=可加载({
加载程序：（）=>导入（'../home/home'），
加载：，
})

这有什么问题吗

import Loadable from 'react-loadable';
const Home = Loadable({
    loader: async () => {
        const module = await import('../home/home')
        return module.default // or module.Home if you have named exports
    },
    loading: <div></div>,
})

从“react Loadable”导入可加载；
常量Home=可加载({
加载程序：异步（）=>{
常量模块=等待导入（“../home/home”）
如果已命名导出，则返回module.default//或module.Home
},
加载：，
})

试试这个：

import Loadable from 'react-loadable';
const Home = Loadable({
    loader: async () => {
        const module = await import('../home/home')
        return module.default // or module.Home if you have named exports
    },
    loading: <div></div>,
})

从“react Loadable”导入可加载；
常量Home=可加载({
加载程序：异步（）=>{
常量模块=等待导入（“../home/home”）
如果已命名导出，则返回module.default//或module.Home
},
加载：，
})

试试这个：

加载组件

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

interface LoaderProps extends Loadable.LoadingComponentProps  {

}

const Loader : React.FC<LoaderProps> = (props: LoaderProps) => {

  return (
    <div>Loading...</div
  );
};

export default Loader;

试试这个：

加载组件

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

interface LoaderProps extends Loadable.LoadingComponentProps  {

}

const Loader : React.FC<LoaderProps> = (props: LoaderProps) => {

  return (
    <div>Loading...</div
  );
};

export default Loader;

---

不要忘记扩展可加载的.LoadingComponentProps，否则导入Laoding组件时会出现类型错误

interface LoaderProps extends Loadable.LoadingComponentProps  {}

const Loading: FunctionComponent<LoadingProps> = props => {
 //your JSX
}

接口LoaderProps扩展了Loadable.LoadingComponentProps{}
常量加载：FunctionComponent=props=>{
//你的JSX
}

不要忘记扩展可加载的.LoadingComponentProps，否则在导入Laoding组件时会出现类型错误

interface LoaderProps extends Loadable.LoadingComponentProps  {}

const Loading: FunctionComponent<LoadingProps> = props => {
 //your JSX
}

接口LoaderProps扩展了Loadable.LoadingComponentProps{}
常量加载：FunctionComponent=props=>{
//你的JSX
}