javascript - Uncaught ReferenceError：CodeMirrorが定義されていません

Question

CodeMirrorプラグインを含めようとしていますが、このエラーが発生しますUncaught ReferenceError：CodeMirrorが定義されていません

私のHTMLコードはここにあります

http://pastie.org/4673008

誰か助けてもらえますか？

前もって感謝します..

Answer 1

CodeMirror自体の前にclikeモジュールをロードしています。

HTMLヘッドの順序を次のように変更します。

<script type="text/javascript" src="../CodeMirror-2.33/mode/clike/clike.js"></script>
<script type="text/javascript" src="../CodeMirror-2.33/lib/codemirror.js"></script>
<script type="text/javascript" src="../CodeMirror-2.33/mode/javascript/javascript.js"></script>

これに：

<script type="text/javascript" src="../CodeMirror-2.33/lib/codemirror.js"></script>
<script type="text/javascript" src="../CodeMirror-2.33/mode/clike/clike.js"></script>
<script type="text/javascript" src="../CodeMirror-2.33/mode/javascript/javascript.js"></script>

Answer 2

ngx-codemirrorSQL high-lateが機能していません。コードミラーに、クラスをhigh-late構文にタグ付けしていることがわかりました。cm-default、cm-link、cm-keywordこれらのクラスは追加されていません。使用される構成：public queryConfig = {lineNumbers：true、theme：'twilight'、mode：'text / x-sql'、lineWrapping：true、autoFocus：true};

このmain.tsファイルは、以下のインポートを追加しました。

このangularcli.jsonファイルは、以下のスクリプトを追加しました。