node.js - 错误：组件中未定义渲染函数或模板：匿名

Question

尝试来自https://ssr.vuejs.org/guide/#using-a-page-template的指南中的示例，但教程中必须缺少一些内容。

const Vue = require('vue');
const server = require('express')();
const vssr = require('vue-server-renderer');

server.get('*', (req, res) => {
    const renderer = vssr.createRenderer({
        template: require('fs').readFileSync('./templates/index.html', 'utf-8')
    });

    const context = {
        title: 'hello',
        meta: `
            <meta ...>
            <meta ...>
        `
    };

    const app = new Vue({});

    renderer.renderToString(app, context, (err, html) => {
        if (err) {
            console.log(err);
            process.exit();
        }
        console.log(html);
    });

});

server.listen(6081);

当我打开我的页面时，我收到错误：

错误：组件中未定义渲染函数或模板：匿名

在 normalizeRender

Answer 1

尝试在 Vue 实例中提供template属性或函数。render

new Vue({ template: `<div>Hello there!</div>` })

以下几行仅表示您希望将自己的页面模板用于渲染器，稍后将在其中注入您的应用程序的标记。

const renderer = vssr.createRenderer({
    template: require('fs').readFileSync('./templates/index.html', 'utf-8')
});