最近在學(xué)習(xí)使用koa2，在嘗試用koa2復(fù)寫之前用express寫的一個入口文件的時候發(fā)現(xiàn)命令行報錯ctx.render is not a function
項目路徑如下
app.js是之前用express寫的入口文件
koa.js是用koa2復(fù)寫的入口文件
view是前端頁面文件夾，使用的模板引擎是pug
報錯時koa.js代碼如下
//使用koa復(fù)寫入口文件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很好解決，那就是把配置模板引擎的代碼移動到所有與路由相關(guān)的代碼之前，在這里就應(yīng)該修改為
//使用koa復(fù)寫入口文件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-routerapp.use(koaBody()).use(router.routes());app.listen(3000);//設(shè)置路由router.get('/', async(ctx, next) => { await ctx.render("index",{ title:"nodeWeb 首頁" })});造成這個bug的原因是因為中間件的執(zhí)行是有順序的，路由在前，然后模板引擎在后的話，當(dāng)執(zhí)行到ctx.render的時候，模板引擎相關(guān)的中間件還未執(zhí)行，render方法還未綁定到ctx上，所以就會報ctx.render is not a function
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
