Javascript 如何解决Nuxt中无法字符串化的函数错误？

我尝试按照本课中的步骤进行操作：

我相信我已经正确地配置了一切，但是我的配置有些地方不起作用。我收到一条非常没有信息的错误消息：

在服务器控制台中

在客户机中

我不明白这个错误的来源，或者如何解决它。我所拥有的一切都与之相匹配，并且应该尽我所能发挥作用

---

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

问题是引用的演示沙盒在使用universal SSR模式时使用SPA模式（请参见nuxt.config）

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

 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