VanillaJSでFabric.jsが急に動かなくなった話

はじめに

下記DemoでFabric.jsをVanillaJSで使用していたが、急に動かなくなった。

原因

ReadMe(20240701現時点)のQuick StartのPlainHTMLどおりに参照していたため、

cdn.jsdelivr.net/npm/fabricのバージョンの指定を失念していた。(バージョンがv6にアップグレードしたため。)

解決方法

バージョンを指定してimportする

script.js

import { fabric } from 'https://cdn.jsdelivr.net/npm/fabric@5.3.0/+esm'   

まとめ

最近はnpmなどでライブラリのバージョン管理していたので、VanillaJSでのライブラリのバージョン管理をすっかり忘れていた。😥

自己学習用のDemoサイトであったため、特に影響はなかったが、もしこれが、業務だと考えるだけで寒気がする。🥶

今後はこのようなことが無いようにVanillaJSの時もしっかりとライブラリのバージョンを確認して事故を減らしていきたい。📚