vuepress中双大括号转义问题

2023-05-08 15:44:48    技术分享   

在使用 vuepress 过程中,出现以下错误

TypeError: Cannot read property 'xxx' of undefined

在使用 vuepress 过程中,有以下文字和格式。

小程序在引用一个不存在的变量 {{ biz.xxx }} ,如果  xxx 不
存在,会在页面显式出现 undefined。

vue编译过程中提示 xxx 不存在,因为 biz 是undefined。

出现这个问题的主要原因是 vuepress 会自动解析 markdown 中的变量(和vue中的用法相同)。


后来查到一种解决办法如下

小程序在引用一个不存在的变量 <code v-pre>{{ biz.xxx }}</code> ,如果  xxx 不
存在,会在页面显式出现 undefined。

将转义的内容放在 `<code v-pre> ... </code>` 中可以解决这个问题。

QQ
微信