Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 代码拆分反应错误(参数类型function()不可分配给参数类型)_Reactjs_React Router_Code Splitting - Fatal编程技术网

Reactjs 代码拆分反应错误(参数类型function()不可分配给参数类型)

Reactjs 代码拆分反应错误(参数类型function()不可分配给参数类型),reactjs,react-router,code-splitting,Reactjs,React Router,Code Splitting,我正在尝试使用React.Lazy()和基于路由的代码拆分()来拆分代码 例如,这就是组件(Reports.jsx) 我得到了这个错误,包没有加载 参数类型函数():承诺不可分配给参数类型()=>承诺类型承诺不可分配给类型承诺 我发现它与路由无关,但我不知道为什么它不将组件识别为“ComponentType”我不确定完整的代码,但下面的代码可以很好地使用惰性代码语法。我觉得这一切对我来说都很好。希望容器代码是只有上面的组件代码 您可以做一件事,删除build文件夹,然后使用warn build/

我正在尝试使用React.Lazy()和基于路由的代码拆分()来拆分代码

例如,这就是组件(Reports.jsx)

我得到了这个错误,包没有加载

参数类型函数():承诺不可分配给参数类型()=>承诺类型承诺不可分配给类型承诺


我发现它与路由无关,但我不知道为什么它不将组件识别为“ComponentType”

我不确定完整的代码,但下面的代码可以很好地使用惰性代码语法。我觉得这一切对我来说都很好。希望容器代码是只有上面的组件代码

您可以做一件事,删除build文件夹,然后使用warn build/npm build再次构建

下面是没有任何路由器/redux的简单代码

从“React”导入React;
从“/logo.svg”导入徽标;
导入“/App.css”;
const LazyReports=React.lazy(()=>import('./Reports'))
函数App(){
返回(

编辑
src/App.js
并保存以重新加载。

); }
导出默认应用程序常量报告=()=>{返回报告;};导出默认报告;感谢您的帮助,请查看我对我找到的解决方案的注释,该解决方案以错误参数类型函数()结束:Promise不可分配给参数类型()=>Promise类型Promise不可分配给类型Promise因为与此无关,问题是我必须重新运行“npm start”,然后它才能工作
import React from 'react';

const Reports = () => {
    return <div>Reports</div>;
};

export default Reports;
const LazyReports =  React.lazy(() => import ('../../containers/team/reports/Reports'));