(O+P)ut

アウトプット



(O+P)ut

エンジニアのアウトプット

【mermaid-cli】Error: Failed to launch the browser processというエラー

スポンサーリンク

事象

マーメイド記法を扱うツールであるmermaid-cliを以下のようにインストールした後に

$ npm install -g @mermaid-js/mermaid-cli
...
added 94 packages, and audited 95 packages in 2s
...
found 0 vulnerabilities

同コマンドの実行を行うも

$ mmdc -i test.mmd -o test.png

以下のエラーとなる。

Error: Failed to launch the browser process!
/home/ec2-user/.cache/puppeteer/chrome/linux-xx/chrome-linux/chrome: error while loading shared libraries: libatk-1.0.so.0: cannot open shared object file: No such file or directory
...
    at Interface.onClose (file:///home/ec2-user/.nvm/versions/node/v16.20.2/lib/node_modules/@mermaid-js/mermaid-cli/node_modules/@puppeteer/browsers/lib/esm/launch.js:253:24)...
バージョン情報
$ npm --version
8.19.4
$ mmdc --version
10.6.1

原因/解決策

ブラウザ機能が入っていない。対応としてオープンソースのChromium(クロミウム)をインストールすることで

$ sudo yum install -y chromium
Loaded plugins: extras_suggestions, langpacks, priorities, update-motd
amzn2-core                                                                                                                   | 3.6 kB  00:00:00     
246 packages excluded due to repository priority protections
Resolving Dependencies
--> Running transaction check...

mmidコマンドは正常に完了する。

$ mmdc -i test.mmd -o test.png                                                                                      
Generating single mermaid chart

以下、補足です。

補足

Amazon Linux 2にて該当のエラーとなりました。
尚、test.mmdを以下のようにしていると

graph TD
    A(start)-->B{true?}
    B--Yes-->C[Hoge]
    B--No-->D[Fuga]
    C-->E(end)
    D-->E

出力されたpngファイルは以下となりました。

test.png

以上です。