Error: render function or template not defined in component: anonymous

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);

当我打开我的页面时，出现错误：

Error: render function or template not defined in component: anonymous

at 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')
});

Error: render function or template not defined in component: anonymous

Error: render function or template not defined in component: anonymous

node.js

vue.js

vue-ssr