Nuxt 内容 Shiki 插件返回：错误 /home 未找到

Question

我正在尝试将语法荧光笔与 @nuxt/content 和 Shiki。

在我的 nuxt.config.js 项目文件中安装 shiki 包后。

import shiki from 'shiki'

...

export default {
  modules: ['@nuxt/content'],

  content: {
    markdown: {
      async highlighter() {
        const highlighter = await shiki.getHighlighter({
          theme: 'nord'
        })
        return (rawCode, lang) => {
          return highlighter.codeToHtml(rawCode, lang)
        }
      }
    }
  }
}

我得到了

Error
/home not found

但是当我删除内容中的 highlighter 方法时，一切正常。有人可以帮我吗？

Answer 1

不要添加导入和 await shiki，而是使用 require 方法来使用它。

  content: {
    markdown: {
      async highlighter () {
        const highlighter = await require('shiki').getHighlighter({
          theme: 'github-dark'
        })

        return (rawCode, lang) => {
          return highlighter.codeToHtml(rawCode, lang)
        }
      }
    }
  },

这就是我为了让它发挥作用所做的。

上述问题的另一种可行的解决方案是：

import { getHighlighter } from 'shiki';

// ...

  content: {
    markdown: {
      async highlighter () {
        const highlighter = await getHighlighter({
          theme: 'github-dark'
        })

        return (rawCode, lang) => {
          return highlighter.codeToHtml(rawCode, lang)
        }
      }
    }
  },