2017-03-03 13 views
1

私のジレンマは、私はIE 11の上に私のAngular2アプリケーションを表示することができないのですが、同じアプリがChromeで正常に動作しているAngular2 IE11ブラウザのサポート

これがChromeである: This is on Chrome:

これは、IEブラウザである:私が間違っているのおそらく何

This is on IE browser

、私もIEの共同のための私のhtmlページにすべての可能なライブラリを追加しましたmpatibility:

<script src="node_modules/es6-shim/es6-shim.min.js"></script> 
<script src="node_modules/systemjs/dist/system-polyfills.js"></script> 
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 

    <script src="node_modules/es6-shim/es6-shim.js"></script> 

    <!-- 1. Load libraries --> 
    <!-- Polyfill for older browsers --> 
    <script src="https://unpkg.com/core-js/client/shim.min.js"></script> 

    <script src="https://unpkg.com/[email protected]?main=browser"></script> 
    <script src="https://unpkg.com/[email protected]"></script> 
     <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/system.src.js"></script> 

    <!-- 2. Configure SystemJS --> 
    <script src="systemjs.config.js"></script> 

PS:コンソールには何のエラーもありません

ここでは、ライブラリです。あなたの中に警告を1としてerror

+0

ブラウザに読み込まれたソースファイルをチェックしましたか? – ChiranjeeviIT

+0

@ChiranjeeviITソースファイルがブラウザに読み込まれているかどうかを確認する方法を明確にすることはできますか? –

+0

デバッグネットワークウィンドウでは、ソースファイルが正常にロードされたかどうかを確認することができます。また、ローカル環境ですべてのソースファイルを使用しようとします。 – Pengyy

答えて

0

深く掘り下げた後、私はついに最後に一つ試みました、私は角度ベータ版を使用していたので私の角のバージョンを更新しました。また、typescriptも更新されました。 最後に、私のAngular AppはIE Browserと互換性がありました。 Phew ... !!!

0

Error On IE enter image description here

エラーシナリオ:

すべてのヘルプは、今では私にIEで別のエラーを与えている事前

感謝をおくりますスクリーンショットでは、CORS(Cross origin resource sharing)に問題があります。考えられる解決策は、「」アクセス制御 - 許可 - 起源のヘッダーを持つようにしてください)可能であれば、

2)ではなく、サードパーティのリンクを使用するよりも(ソースをダウンロードして試してみて、あなたの元にそれらを追加)

1になります「あなたは以下を参照することができます詳細については、スクリーンショットの下に表示さあなたの問題の詳細については CORS IN IE

を結ぶ!

enter image description here

それが助けてくれることを願う。

+0

@ChiranjeevilT上記の2つのことをやってみましたが、まだ動作していません。CORSの警告が消えてコンソールにエラーが表示されず、ソースもダウンロードされていましたが、アプリケーションは動作しません。 –

関連する問題