Кка не получать ошибку ctx.render is not a function?

Question

[hollanditkzn]

Не пойму как рендерить в роуте

router.get('/', async (ctx) => {
   await ctx.render('index', {title: 'Авторизация'});
});

Может кто-то сталкивался с данной проблемой

Comments

[RidgeA]

скорее всего не подключено (неправильно подключено) middleware

[hollanditkzn]

RidgeA, А как надо правильно подключать правильно middlewate?
Просто я новичок в этом деле

[RidgeA]

Приведи код.

[hollanditkzn]

RidgeA,

const Koa = require('koa'),
    Router = require('koa-router'),
    logger = require('koa-logger'),
    views = require('koa-views'),
    bodyParser = require('koa-bodyparser'),
    app = new Koa(),
    router = new Router();

app.use(logger());
app.use(bodyParser());

app.use(views(__dirname + '/views', {extension: 'pug'}));

router.get('/', async (ctx) => {
   await ctx.render('index', {title: 'Авторизация'});
});

module.exports = app;

Это весь код

[RidgeA]

вот мой код, который у меня работает
index.js:

const Koa = require('koa'),
    Router = require('koa-router'),
    logger = require('koa-logger'),
    views = require('koa-views'),
    bodyParser = require('koa-bodyparser'),
    app = new Koa(),
    router = new Router();

app.use(logger());
app.use(bodyParser());

app.use(views(__dirname, {extension: 'html'}));

router.get('/', async (ctx) => {
   await ctx.render('index', {title: 'Авторизация'});
});
app.use(router.routes());

app.listen(3001);

index.html:
<h1>Hello</h1>

версии пакетов:

├── koa@2.4.1
├── koa-bodyparser@4.2.0
├── koa-logger@3.1.0
├── koa-router@7.3.0
└── koa-views@6.1.2

[hollanditkzn]

RidgeA, Да так работает

[hollanditkzn]

RidgeA, А ты для подключение стилей и js файлов как сделал?, внутри все?
Просто у меня выходит она во /views идет, а у мне стили и js файлы в /public. Или ты webpack использовал?

[RidgeA]

веб-пак не использовал.
Все внешние файлы браузер подгружает, т. о. надо что бы их кто-то раздавал.
Вот, например, вот это может помочь https://www.npmjs.com/package/koa-static-server

[hollanditkzn]

RidgeA, То есть как уго установить, так чтобы раздавал, если работает у меня koa-views

const Koa = require('koa'),
    Router = require('koa-router'),
    logger = require('koa-logger'),
    views = require('koa-views'),
    serve = require('koa-static-server'),
    app = new Koa(),
    router = new Router();

app.use(logger());
app.use(bodyParser());
app.use(serve({rootDir: __dirname + 'public', rootPath: '/public'}));
app.use(views(__dirname + '/views', {extension: 'pug'}));

routers('/', 'login', {title: 'Авторизация'});
routers('/registration', 'registration', {title: 'Регистрация'});

function routers(path, page, object) {
    router.get(path, async (ctx) => {
       await ctx.render(page, object);
    })
}

app.use(router.routes());
module.exports = app;

И пути у меня такие

Пути

public/
| javascript/
|| modal.js
|| form.js
| styles/
|| style.css
views/
| layout.pug
| index.pug
app.js

И в layout

doctype html
html
  head
    title=title
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    link(rel='stylesheet', href='styles/style.css')
    script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js")
    script(src="/javascript/modal.js")
    script(src="/javascript/form.js")
....

А как правильно делать?
А ошибка выходит вот такая
GET localhost:3000/styles/style.css net::ERR_ABORTED
GET localhost:3000/javascript/modal.js net::ERR_ABORTED
GET localhost:3000/javascript/form.js net::ERR_ABORTED

[hollanditkzn]

Если понятно наверное пути

[hollanditkzn]

Создал ворос по этому поводу