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