Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/23.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.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
Django 访问该路由时未获取React路由器区块包_Django_Reactjs_Webpack - Fatal编程技术网

Django 访问该路由时未获取React路由器区块包

Django 访问该路由时未获取React路由器区块包,django,reactjs,webpack,Django,Reactjs,Webpack,我想在访问路由url时加载捆绑包。我的服务器是djangolocalhost:8000。我的网页包拆分了这个包 我的路由器组件: 从“React”导入React; 从“react Router dom”导入{BrowserRouter as Router,Route,Link,withRouter}; 从“../App”导入应用程序; //从“../apps/college/CollegeList”导入CollegeList; 从“../apps/college/CollegeDetail”

我想在访问路由url时加载捆绑包。我的服务器是django
localhost:8000
。我的网页包拆分了这个包

我的路由器组件:

从“React”导入React;
从“react Router dom”导入{BrowserRouter as Router,Route,Link,withRouter};
从“../App”导入应用程序;
//从“../apps/college/CollegeList”导入CollegeList;
从“../apps/college/CollegeDetail”导入CollegeDetail;
从“../apps/course/CourseList”导入课程列表;
从“../apps/course/CourseDetail”导入CourseDetail;
从“../apps/university/UniversityList”导入UniversityList;
从“../apps/university/UniversityDetail”导入UniversityDetail;
从“../apps/admission/AdmissionList”导入许可列表;
从“../apps/admission/AdmissionDetail”导入AdmissionDetail;
从“../apps/career/CareerList”导入CareerList;
从“../apps/career/CareerDetail”导入CareerDetail;
从“../apps/event/EventList”导入事件列表;
从“../apps/event/EventDetail”导入EventDetail;
从“../apps/news/NewsList”导入新闻列表;
从“../apps/news/NewsDetail”导入NewsDetail;
从“../apps/ScholarshipList”导入ScholarshipList;
从“../apps/ScholarshipDetail”导入ScholarshipDetail;
从“../apps/空缺/VacancyList”导入VacancyList;
从“../apps/空缺/vacancydeail”导入Vacancydeail;
从“../apps/rank/RankList”导入等级列表;
从“../apps/rank/RankDetail”导入RankDetail;
从“../apps/faculty/FacultyCourseList”导入FacultyCourseList;
从“../apps/users/components/LoginForm”导入LoginForm;
从“../apps/users/components/SignUpForm”导入注册表单;
从“../components/Header”导入标题;
从“../components/Footer”导入页脚;
从“../components/LoadingComponent.js”导入LoadingComponent;
功能加载路径(cb){
返回模块=>{console.log(module);cb(null,module.default)};
}
类批准扩展了React.Component{
render(){
返回(
{
System.import(“../apps/college/CollegeList”)
.然后(装载路线(cb))
.catch((错误)=>{console.log('error')});
}}/>

) } }
导出默认批准
我不熟悉
系统。导入
,因为它不赞成使用
import()
。但是,您没有将组件传递给
loadRoute
回调

.then(module => loadRoute(cb, module))

我认为它不会以您实现的方式工作

我不熟悉
系统。导入
,因为它被弃用,取而代之的是
导入()
。但是,您没有将组件传递给
loadRoute
回调

.then(module => loadRoute(cb, module))

我不认为它会以您实现的方式工作

getComponent不会在dom中工作。要加载组件async,我们必须使用asyncComponent。getComponent中的详细说明在react router dom中不起作用。要加载组件async,我们必须使用asyncComponent。您在控制台上看到了什么错误?没有任何错误,webpack创建了bundle,但是当访问url时,它只显示我发布的白色屏幕,在控制台上没有错误。log()。devtool的“网络”选项卡中也没有请求。您在控制台上看到了什么错误?没有任何错误,webpack创建了捆绑包,但当访问url时,它只显示我发布的白色屏幕,
console.log()上没有错误。
。devtool的网络选项卡中也没有请求。谢谢,我将尝试实现
import()
。根据本指南,我在路由器中使用了require.sure作为
{require.sure([],require=>cb(null,require('../apps/college/CollegeList')。默认值))}}/>
但我仍然不会获取捆绑包,我不确定是否调用了getComponent谢谢,我将尝试实现
import()
。根据本指南,我在路由器中使用require.sure作为
{require.sure([],require=>cb)(null,require('../apps/college/CollegeList').default))}/>
但我仍然不会获取捆绑包,我不确定是否调用了getComponent