angular2外部javascriptファイルを使用

Question

私はang2プロジェクトに純粋なjavascriptとhtml5 canvasで作成したオンラインゲームを配置したいと思います。

declare var startGame1: any; 

startGame1キャンバスの準備ができて作る方法です：
は、私はこのような私のonload関数が宣言された外部ファイルで私のスクリプトを書いて、角度index.htmlに、私のコンポーネントのtypescriptですで頭の中でスクリプトタグを追加します私のゲームのために。

Unhandled Promise rejection: Error in :0:0 caused by: Cannot read property 'clearRect' of undefined ; Zone: angular ; Task: Promise.then ; Value: 
ViewWrappedError {__zone_symbol__error: Error: Error in :0:0 caused by: Cannot read property 'clearRect' of undefined at ViewWrappedErro……} Error: Error in :0:0 caused by: Cannot read property 'clearRect' of undefined 

Answer 1

は、私はあなたが.angular-cli.jsonを使用して外部JSをロードすることをお勧め：私は私はこのようなエラーが出startGame1()AfterViewInitに呼び出すとき
問題があります。

apps -> scriptsには、外部.jsの相対パスを配列に挿入します。

appフォルダ内には、を挿入する.d.tsファイルを作成します。たとえば：

myGame.d.ts

declare var startGame1: any; 

myGame.d.tsはWebPACKので自動的にロードされ、その後、あなたのアプリのstartGame1を定義します。