aceの読み込みで Unable to infer path to ace from script src のエラーが発生

Webページ上でテキストエディターを実装するのに便利な Ace の件です。とりあえずお手軽サンプルプログラムを作ろうと思った時の話です。

手っ取り早くCDNからスクリプトを読み込んで実装しようとしたところ

ace.min.js:1 Unable to infer path to ace from script src, use ace.config.set('basePath', 'path') to enable dynamic loading of modes and themes or with webpack use ace/webpack-resolver

というエラーが発生してしまいました。

解決方法

スクリプトのパスの解決ができないということなので、(エラーメッセージに答えがあるのですが)ace.config.set を呼び出すことで解決できました。ace.editor を呼ぶ前に次のコードを記述します。

ace.config.set('basePath', 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.13/');

URLの部分は利用するCDNやAceのバージョンに合わせて適宜変更してください。