解決koa2 ctx.render is not a function報(bào)錯(cuò)問題
更新時(shí)間：2018年08月07日 11:14:21 作者：wopelo
這篇文章主要介紹了解決koa2 ctx.render is not a function報(bào)錯(cuò)問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
最近在學(xué)習(xí)使用koa2，在嘗試用koa2復(fù)寫之前用express寫的一個(gè)入口文件的時(shí)候發(fā)現(xiàn)命令行報(bào)錯(cuò)ctx.render is not a function
項(xiàng)目路徑如下
app.js是之前用express寫的入口文件
koa.js是用koa2復(fù)寫的入口文件
view是前端頁面文件夾，使用的模板引擎是pug
報(bào)錯(cuò)時(shí)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 首頁"
})
});
其實(shí)這個(gè)bug很好解決，那就是把配置模板引擎的代碼移動(dòng)到所有與路由相關(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-router
app.use(koaBody()).use(router.routes());
app.listen(3000);
//設(shè)置路由
router.get('/', async(ctx, next) => {
await ctx.render("index",{
title:"nodeWeb 首頁"
})
});
造成這個(gè)bug的原因是因?yàn)橹虚g件的執(zhí)行是有順序的，路由在前，然后模板引擎在后的話，當(dāng)執(zhí)行到ctx.render的時(shí)候，模板引擎相關(guān)的中間件還未執(zhí)行，render方法還未綁定到ctx上，所以就會報(bào)ctx.render is not a function
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文嘗試結(jié)合Marc Fasel的指導(dǎo)思想和筆者的實(shí)踐經(jīng)驗(yàn)來介紹一些NodeJS的異步編程風(fēng)格，希望對NodeJS的初學(xué)者有所啟發(fā)。2015-10-10
安裝Node.js并啟動(dòng)本地服務(wù)的操作教程
今天小編就為大家分享一篇安裝Node.js并啟動(dòng)本地服務(wù)的操作教程，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05
node.js express中app.param的用法詳解
express.js是nodejs的一個(gè)MVC開發(fā)框架,并且支持jade等多種模板。下面這篇文章主要給大家介紹了關(guān)于node.js express中app.param用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
這篇文章主要介紹了詳解node nvm進(jìn)行node多版本管理,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
可能是全網(wǎng)最詳細(xì)的nodejs卸載和安裝教程
npm的中文意思為"node包管理器",是Node.js平臺的默認(rèn)包管理工具,會隨著Nodejs一起安裝,npm管理對應(yīng)node.js的第三方插件,下面這篇文章主要給大家介紹了關(guān)于nodejs卸載和安裝教程的相關(guān)資料，這可能全網(wǎng)最詳細(xì)的教程了,需要的朋友可以參考下2023-05-05
Node.js靜態(tài)文件服務(wù)器改進(jìn)版
這篇文章主要介紹了Node.js靜態(tài)文件服務(wù)器改進(jìn)版的相關(guān)資料,需要的朋友可以參考下2016-01-01
本片文章通過代碼示例給大家詳細(xì)講述了如何用nodejs寫出微信掃碼支付這個(gè)功能，有興趣的朋友可以參考下。2018-02-02
Node.js是一個(gè)基于Chrome?V8引擎的JavaScript運(yùn)行環(huán)境，它的模塊查找、引用和緩存機(jī)制是其重要的特性之一。本文將介紹Node.js的模塊查找、引用和緩存機(jī)制，以及如何利用這些機(jī)制來提高應(yīng)用程序的性能和可維護(hù)性。2023-03-03
這篇文章主要介紹了node.js中的path.extname方法使用說明,本文介紹了path.extname的方法說明、語法、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12
最近在工作中接觸到了Node.js標(biāo)準(zhǔn)庫提供了http模塊，所以這篇文章想總結(jié)下Node.js的HTTP模塊，方便大家和自己以后使用的時(shí)候參考借鑒。有需要的朋友們下面來一起看看吧。2016-10-10