Nextjs -Express App.render“path”参数必须是string类型。 收到类型对象

Question

我使用Nextjs和Express.js。 我将app文件夹中的nextjs根文件夹分开，如下所示：

app->pages->
     -_app.js
     -login.js
     -index.js

当我添加这个：

app.get('*', (req, res) => {
    const parsedUrl = parse(req.url,true);
    const {pathname, query = {} } = parsedUrl;
    const route = routes[pathname];

    /**
     * Pull in front end routes and check request against those routes
     * 
     */
    if(route){
        return app.render(req,res,route.page,query);
    }
     handle(req, res) // for all the react stuff
});

我得到这样的错误：

请注意，首次加载页面时将编译页面。 准备在http：// localhost：3000 TypeError [ERR_INVALID_ARG_TYPE]：“path”参数必须是string类型。 在新视图（D：\\ WEBSITE \\ MENPRO \\ TRACER-STUDY-NEXTJS \\ node_modules \\ express \\ lib \\ view）的extname（path.js：835：5）处在assertPath（path.js：39：11）处接收到类型对象。 js：57：14）在app.get（D：\\ WEBSITE \\ MENPRO \\）的Function.render（D：\\ WEBSITE \\ MENPRO \\ TRACER-STUDY-NEXTJS \\ node_modules \\ express \\ lib \\ application.js：570：12） TRACER学习-NEXTJS \\服务器\\ index.js：77：24）

但当我删除这个： return app.render(req,res,route.page,query); 它再次工作。

那会怎么样？

完整代码我的服务器 ：

const express = require('express');
const bodyParser = require('body-parser');
const next = require('next');
const passport = require('passport');
const session = require('express-session');
const cors = require('cors');
const cookieParser = require('cookie-parser');
const keys = require('./config/keys');
const uuidv4 = require('uuid').v4;
// const path = require('path');
// const RouteAPI = require('./modules');
const dev = process.env.NODE_ENV !== 'production';
const PORT = process.env.PORT || 3000;
const nextApp = next({ dev, dir: "./app" });
const { parse } = require('url');
const handle = nextApp.getRequestHandler()
const getRoutes = require('./routes');
const routes = getRoutes();

nextApp.prepare().then(() => {
    // express code here
    const app = express();
    app.use(session({
        genid: function (req) {
            return uuidv4() // use UUIDs for session IDs
        },
        name: keys.session.name,
        secret: keys.session.secret,
        resave: false,
        saveUninitialized: true,
        rolling: true,
        cookie: {
            secure: false,
            httpOnly: true,
            maxAge: keys.session.maxAge, // satu hari,
            sameSite: true,
        }

    }));
    app.use(passport.initialize());
    app.use(passport.session());
    app.use(cookieParser());

    app.disable('x-powered-by');

    app.use(cors({ origin: keys.origin.url, credentials: true }))



    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(bodyParser.json());

    // app.use((req, res, next) => {
    //     res.header('X-XSS-Protection', '1; mode=block');
    //     res.header('X-Frame-Options', 'deny');
    //     res.header('X-Content-Type-Options', 'nosniff');
    //     res.header("Access-Control-Allow-Origin", keys.origin.url);
    //     next();
    // })


    // app.use('/api/', [
    //     RouteAPI.MahasiswaRoutes
    // ]);


    app.get('*', (req, res) => {
        const parsedUrl = parse(req.url,true);
        const {pathname, query = {} } = parsedUrl;
        const route = routes[pathname];

        /**
         * Pull in front end routes and check request against those routes
         * 
         */
        if(route){
            return app.render(req,res,route.page,query);
        }
         handle(req, res) // for all the react stuff
    });

    app.listen(PORT, err => {
        if (err) throw err;
        console.log(`ready at http://localhost:${PORT}`)
    });
})





// Server static assets if in production

路线

module.exports = () =>{
    return{
        "/":{page:"/"},
        "/login":{page:"/login"},
        "/404":{page:"/404"}
    };
};

Answer 1

是的，我遇到了同样的问题并且找到了解决方案：使用nextApp.render()而不是app.render()

    if(route){
        return nextApp.render(req,res,route.page,query);
    }