解決koa2 ctx.render is not a function報錯問題

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 22:10:31

解決koa2 ctx.render is not a function報錯問題

解決koa2 ctx.render is not a function報錯問題:最近在學習使用koa2，在嘗試用koa2復寫之前用express寫的一個入口文件的時候發(fā)現(xiàn)命令行報錯ctx.render is not a function 項目路徑如下 app.js是之前用express寫的入口文件 koa.js是用koa2復寫的入口文件 view是前端頁面文

推薦度：

點擊下載本文 文檔為doc格式

導讀解決koa2 ctx.render is not a function報錯問題:最近在學習使用koa2，在嘗試用koa2復寫之前用express寫的一個入口文件的時候發(fā)現(xiàn)命令行報錯ctx.render is not a function 項目路徑如下 app.js是之前用express寫的入口文件 koa.js是用koa2復寫的入口文件 view是前端頁面文

最近在學習使用koa2，在嘗試用koa2復寫之前用express寫的一個入口文件的時候發(fā)現(xiàn)命令行報錯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很好解決，那就是把配置模板引擎的代碼移動到所有與路由相關(guān)的代碼之前，在這里就應該修改為

//使用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);

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

造成這個bug的原因是因為中間件的執(zhí)行是有順序的，路由在前，然后模板引擎在后的話，當執(zhí)行到ctx.render的時候，模板引擎相關(guān)的中間件還未執(zhí)行，render方法還未綁定到ctx上，所以就會報ctx.render is not a function

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

解決koa2 ctx.render is not a function報錯問題

推薦度：

點擊下載本文 文檔為doc格式

標簽： not is function

熱門焦點

解決koa2 ctx.render is not a function報錯問題

解決koa2 ctx.render is not a function報錯問題

解決koa2 ctx.render is not a function報錯問題

最新推薦

猜你喜歡

熱門推薦