当前位置: 首页 > news >正文

不启动服务器怎么运行react,React服务器无法启动 - 使用renderProps

我有一个React应用程序,这是我的服务器代码:

app.get('*', (req, res) => {

let history = createMemoryHistory();

let store = configureStore();

let routes = createRoutes(history);

match({ routes, location: req.url }, (error, redirectLocation, renderProps) => {

if (redirectLocation) {

res.redirect(301, redirectLocation.pathname + redirectLocation.search);

} else if (error) {

res.status(500).send(error.message);

} else if (renderProps == null) {

res.status(404).send('Not found');

} else {

let { query, params } = renderProps;

let comp = renderProps.components[renderProps.components.length - 1];

console.log('fetching');

comp.fetchData({ store, params })

.then(() => {

console.log('done fetching');

let html = ReactDOMServer.renderToString(

{ }

);

const template = store.getState().template;

const og = templateToOpenGraph(template);

const full = wrap(html, store.getState(), og);

res.set({ 'Cache-Control': 'public, max-age=300' })

res.send(full);

})

}

});

})

当我启动服务器时,启动就好了.但是当我遇到一条路线(任何路线)时,我收到一个错误:

TypeError: comp.fetchData is not a function

我需要做什么?我不是最好的反应,所以如果我遗漏了一些明显的东西,请告诉我.

谢谢!

相关文章:

  • filter怎么获取ajax数据,json – 使用JQuery AJAX Prefilter检查响应数据并有条件地转发到’错误’事件处理程序...
  • totolink服务器未响应,TOTOLINK路由器192登录页面打不开怎么回事
  • php判断给定的整数是否是2的幂_[LeetCode] 231. 2的幂
  • mysql的or能去重吗_海盐能去鸡皮肤吗 去鸡皮肤的方法哪些最有效你知道吗
  • uat环境是什么环境_朱家雄:什么是我们需要的幼儿园环境?
  • 卖掉前清理彻底_打通生命通道、消除安全隐患,酒仙桥街道大山子社区集中开展清理堆物堆料行动...
  • fanuc机器人与示教器配对_阳江Fanuc机器人示教器维修中心
  • 车险赔付率分析报告_对车险赔付率高的原因分析
  • 两条边延长角会有什么变化_GDamp;T 干货专题 | DTS是什么?DTS定义中的间隙测量方式详解...
  • 大数据应用项目创新大赛_全国高校大数据应用创新大赛
  • 快递信息css3手风琴代码_杭州2名快递小哥认定为“高层次人才”
  • android home键 无广播_移植FFMpeg到Android:Ubuntu(Linux) FFMpeg编译
  • colspan会影响下列宽度么_天然气价格暴涨,会影响北方冬季的供暖么?看完或有答案...
  • 主流mes厂商_国内主流MES厂商排名报告-MES系统哪家好?
  • 摄像头poe供电原理_选择POE供电交换机时,应该考虑哪些问题?终于有人说大实话了...
  • 【附node操作实例】redis简明入门系列—字符串类型
  • angular组件开发
  • ECMAScript 6 学习之路 ( 四 ) String 字符串扩展
  • ESLint简单操作
  • Git学习与使用心得(1)—— 初始化
  • HTTP中GET与POST的区别 99%的错误认识
  • JavaScript 奇技淫巧
  • mockjs让前端开发独立于后端
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • PV统计优化设计
  • Python进阶细节
  • 分享自己折腾多时的一套 vue 组件 --we-vue
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 你不可错过的前端面试题(一)
  • 使用agvtool更改app version/build
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 详解移动APP与web APP的区别
  • 自制字幕遮挡器
  • ​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结
  • ​低代码平台的核心价值与优势
  • #etcd#安装时出错
  • #HarmonyOS:Web组件的使用
  • #pragma 指令
  • (007)XHTML文档之标题——h1~h6
  • (12)Hive调优——count distinct去重优化
  • (ibm)Java 语言的 XPath API
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (备忘)Java Map 遍历
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (十八)三元表达式和列表解析
  • (学习日记)2024.01.09
  • (一)WLAN定义和基本架构转
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)Android学习系列(31)--App自动化之使用Ant编译项目多渠道打包
  • (转)一些感悟
  • .net framework profiles /.net framework 配置
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)...