我该如何解决无法在Nuxt中对函数错误进行字符串化？

Question

我正在尝试按照本课中的步骤操作：https://regenrek.com/posts/create-a-frontmatter-markdown-powered-blog-with-nuxt.js/

而且我相信我已经正确配置了所有内容，但是有关我的配置的某些信息却无法正常工作。我收到的消息非常错误：

在服务器控制台中

 WARN  Cannot stringify a function data                               15:30:31


 WARN  Cannot stringify a function render                             15:30:31


 WARN  Cannot stringify a function created                            15:30:31


 WARN  Cannot stringify a function VueComponent   

在客户端中

RangeError
Maximum call stack size exceeded
node_modules/@nuxt/devalue/dist/devalue.cjs.js:207:20
stringifyPrimitive
node_modules/@nuxt/devalue/dist/devalue.cjs.js:92:20
stringify
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:98
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:49
stringify
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:98
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:49
stringify
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:98
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:49
stringify
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:98
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:49
stringify
node_modules/@nuxt/devalue/dist/devalue.cjs.js:129:98

我不了解此错误的根源或解决方法。我在this sandbox中拥有的所有内容都与the demo sandbox相匹配，并且据我所知应该可以正常工作。

如何调试此错误？为什么frontmatter-markdown-loader对我不起作用？

Answer 1

问题是，在使用通用SSR模式时，引用的演示沙箱使用SPA模式（请参阅nuxt.config。）>

使用通用模式时，您需要将asyncData中的数据从服务器序列化到客户端。因此，它不能正确序列化，因为要在其中导入组件。只能序列化普通js对象，不能序列化vue组件