dumi 如何在使用 pnpm 时，支持对 Swift、C#、Kotlin 等语言的语法高亮？

[GuoDapeng]

参考 dumi 如何支持对 Swift、C#、Kotlin 等语言的语法高亮？，使用 yarn 时是没有问题的。

我尝试使用 pnpm 时遇到了困难。希望能得到帮助。

这个是我测试的代码

尝试过程：

╭─felix at FelixMacBookPro in ~/Downloads/doc 24-07-28 - 15:43:01
╰─○ npx create-dumi
✔ Pick template type › Static Site
✔ Pick NPM client › pnpm
✔ Input project name …
✔ Input project description … A static site based on dumi
✔ Input project author (Name <[email protected]>) …

选择了 pnpm，项目创建完成，在 .dumi/global.ts位置创建文件，粘贴以下内容：

// .dumi/global.ts
import Prism from 'prism-react-renderer/prism';

(typeof global !== 'undefined' ? global : window).Prism = Prism;

require('prismjs/components/prism-kotlin');
require('prismjs/components/prism-csharp');

看上去如下图

这样会报错

我尝试安装了 prism-react-renderer 和 prismjs 包，并且修改了 global.ts 文件，看上去如下图

页面能展示了，但是语法高亮没有生效

期待能帮帮我，自带的 shell 的高亮是没有问题的，但是 kotlin 的不行。

[GuoDapeng]

我憨批了……，我看了一下 dumi 包，发现 "prism-react-renderer": "^1.3.5", 这个，原来我用的版本不对，换成 1.3.5 就好了。

[fanhualei]

我也实验了一下，发现kotlin 不能正常显示

[GuoDapeng]

检查一下 prism-react-renderer 版本是不是 1.x.x 的，我这个正常能高亮 https://guodapeng.icu/example/common_button#jetpack-compose