Django 访问该路由时未获取React路由器区块包
我想在访问路由url时加载捆绑包。我的服务器是djangoDjango 访问该路由时未获取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”
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