CodeMirrorでANTLRパーサを使用する

Question

私はANTLR4パーサをCodeMirrorテキストエディタに統合しようとしています。私はChromeで次のエラーを取得しています

var antlr4 = require('antlr4/index'); // index is an ANTLR runtime file 

：：私は私のhtmlファイルに次の行を追加すると

Uncaught DOMException: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///home/enes/Desktop/git/text_editor_mirror/antlr4/index.js'. 
at require (file:///home/enes/Desktop/git/text_editor_mirror/lib/require.js:179:10) 
at file:///home/enes/Desktop/git/text_editor_mirror/index.html:411:16 

XMLHttpRequest cannot load file:///home/enes/Desktop/git/text_editor_mirror/antlr4/index.js. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 

だから、どのように私はこの問題を解決することができますか？

Answer 1

これは、ブラウザがローカルファイルシステムからフェッチしようとしているためです（file:///はエラーの原因になります）。サーバー（http://）からjsファイル（antlrランタイムファイルと生成されたjsファイル）も提供する必要があります。 Python-Flaskは、サーバー上でjsファイルを簡単にホストするために使用できます。

ブラウザは、ローカルファイルシステムからロードされたスクリプトは、セキュリティで保護されたウェブサイトに沿って実行することはできませんFlask
http://flask.pocoo.org/docs/0.12/api/#flask.send_from_directory

を使用してファイルを提供するためのリンクに従ってください。したがって、サーバーからスクリプトを呼び出す必要がないようにするためです。ローカルサーバーが助けにならない場合は、これらのスクリプトをGithubにプッシュし、GitrawのようなCDNサービスを使用して呼び出すことができます。