解决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请求四种数据格式,主要是www-form-urlencoded,form-data,application/json,text/xml,有兴趣的可以了解一下。2017-02-02Node.js学习之查询字符串解析querystring详解
这篇文章主要给大家介绍了关于Node.js查询字符串解析querystring的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用node.js具有一定的参考学习价值,需要的朋友们下面来一起看看吧。2017-09-09
最新评论