解决koa2 ctx.render is not a function报错问题

 更新时间:2018年08月07日 11:14:21   作者:wopelo  
这篇文章主要介绍了解决koa2 ctx.render is not a function报错问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

最近在学习使用koa2,在尝试用koa2复写之前用express写的一个入口文件的时候发现命令行报错ctx.render is not a function

 

项目路径如下

 

app.js是之前用express写的入口文件

koa.js是用koa2复写的入口文件

view是前端页面文件夹,使用的模板引擎是pug

报错时koa.js代码如下

//使用koa复写入口文件
const Koa = require('koa');
const Router = require('koa-router');
const koaBody = require('koa-body');
const views = require('koa-views');
const serve = require('koa-static');

const app = new Koa();
const router = new Router();

app.use(serve(__dirname));
app.use(koaBody()).use(router.routes());
app.use(views(__dirname + '/views/pages',{
  extension: 'pug'
}))

app.listen(3000);

router.get('/', async(ctx, next) => {
  await ctx.render("index",{
    title:"nodeWeb 首页"
  })
});

其实这个bug很好解决,那就是把配置模板引擎的代码移动到所有与路由相关的代码之前,在这里就应该修改为

//使用koa复写入口文件
const Koa = require('koa');
const Router = require('koa-router');
const koaBody = require('koa-body');
const views = require('koa-views');
const serve = require('koa-static');

const app = new Koa();
const router = new Router();

app.use(serve(__dirname));
//配置模板引擎
app.use(views(__dirname + '/views/pages',{
  extension: 'pug'
}))
//使用koa-router
app.use(koaBody()).use(router.routes());

app.listen(3000);

//设置路由
router.get('/', async(ctx, next) => {
  await ctx.render("index",{
    title:"nodeWeb 首页"
  })
});

造成这个bug的原因是因为中间件的执行是有顺序的,路由在前,然后模板引擎在后的话,当执行到ctx.render的时候,模板引擎相关的中间件还未执行,render方法还未绑定到ctx上,所以就会报ctx.render is not a function

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 基于node.js依赖express解析post请求四种数据格式

    基于node.js依赖express解析post请求四种数据格式

    本篇文章主要介绍了node.js依赖express解析post请求四种数据格式,主要是www-form-urlencoded,form-data,application/json,text/xml,有兴趣的可以了解一下。
    2017-02-02
  • 使用VS开发 Node.js指南

    使用VS开发 Node.js指南

    这篇文章主要介绍了使用VS开发 Node.js的方法,主要是使用NTVS(Node.js Toolsfor Visual Studio)来实现,有需要的小伙伴参考下
    2015-01-01
  • Express之get,pos请求参数的获取

    Express之get,pos请求参数的获取

    本篇文章主要介绍了Express之get,pos请求参数的获取的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • sails框架的学习指南

    sails框架的学习指南

    本文从最基础的sails框架知识开始讲起,通过示例给我们展示了sails框架的各个方面,非常的不错,推荐给小伙伴们
    2014-12-12
  • Node.js学习之查询字符串解析querystring详解

    Node.js学习之查询字符串解析querystring详解

    这篇文章主要给大家介绍了关于Node.js查询字符串解析querystring的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用node.js具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-09-09
  • 使用koa-log4管理nodeJs日志笔记的使用方法

    使用koa-log4管理nodeJs日志笔记的使用方法

    这篇文章主要介绍了使用koa-log4管理nodeJs日志笔记的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • Node.js 实现抢票小工具 & 短信通知提醒功能

    Node.js 实现抢票小工具 & 短信通知提醒功能

    这篇文章主要介绍了Node.js 实现抢票小工具 & 短信通知提醒功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • Express服务器端代码热加载的实现代码

    Express服务器端代码热加载的实现代码

    这篇文章主要介绍了Express服务器端代码热加载的实现,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-01-01
  • node运行js获得输出的三种方式示例详解

    node运行js获得输出的三种方式示例详解

    这篇文章主要介绍了node运行js获得输出的三种方式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • node实现基于token的身份验证

    node实现基于token的身份验证

    这篇文章主要介绍了node实现基于token的身份验证,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04

最新评论