Gridsome模板始终为404

Question

因此，我具有将在GraphQL节点中设置的html内容，并且我想使用模板来显示该内容，但是所有教程都针对使用不符合我需求的markdown文件的博客文章。 / p>

gridsome.server.js

module.exports = function (api) {
    api.loadSource(async ({ addContentType }) => {
        const html = await getHTML();

        const contentType = addContentType({
            typeName: 'Pattern'
        });

        contentType.addNode({
            id: 'checkered',
            title: 'Checkered',
            content: html
        });
    });
}

，然后在我的模板 Pattern.vue 中：

<template>
    <Layout :title="$page.pattern.title">
        <div v-html="$page.pattern.content"/> 
    </Layout>
</template>

<page-query>
query Pattern($id: String!) {
    pattern(id: $id) {
        title
        content
    }
}
</page-query>

但是，当我导航到http://localhost:8080/pattern/checkered时，只会收到404错误。我知道我一定使用了错误的模板，但似乎找不到正确的设置。