2017-09-27 15 views
1

新しいAngular CLIプロジェクトをIE10に読み込ませることはできません。 'ng new'を実行すると、デフォルトのAngular CLIパッケージに付属するコード以外のコードはありません。私が使用しているAngular CLI + Angular 4 = IE10が動作しない

私は 'NGのビルド' と 'NG --prodを構築' しようとしたとの両方が同じエラーを返す10.0.9200.16519

角度/ CLI 1.3.1とIE @、4.2.4角度メッセージ。プロジェクトは他のすべてのブラウザで実行されます。

プロジェクトのpolyfills.tsにIE9、IE10、IE11を実行するために必要なすべてのポリフィル行のコメントを解除しました(ファイルの指示に従ってすべてをインストールしました)。

4エラーは以下のとおりです。

予想される識別子polyfills.bundle.js、行6127文字67

var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for && Symbol.for("react.element") || 0xeac7; 

オブジェクトがプロパティまたはメソッド 'バインド' styles.bundleをサポートしていません。 JS、ライン279文字3

update = applyToSingletonTag.bind(null, styleElement, styleIndex, false); 

のExPECテッド識別子vendor.bundle.js、ライン2056文字71

exports.rxSubscriber = (typeof Symbol === 'function' && typeof Symbol.for === 'function') ? 
Symbol.for('rxSubscriber') : '@@rxSubscriber'; 

オブジェクトがプロパティまたはメソッド 'のDefineProperty' main.bundle.js、ライン132文字をサポートしていない1

Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); 

'Symbol'、 'bind'、および 'defineProperty'のようなものが犯人です。

私はシンボルを参照してくださいといえpollyfills.tsプロジェクトファイルに含まれているES6 polyfillsオブジェクトん:

**************************************** 
* BROWSER POLYFILLS 
*/ 
/** IE9, IE10 and IE11 requires all of the following polyfills. **/ 
import 'core-js/es6/symbol'; 
import 'core-js/es6/object'; 
... 
(+ all the other polyfills that are in the polyfills.ts file) 

は、どのように私はこのIE10に行くのですか?

答えて

4

追加:index.htmlをの

<meta http-equiv="x-ua-compatible" content="IE=edge"> 

<head>にセクション。

IE9、IE10、IE11互換モードをEDGEに設定すると、すべての問題が修正されました。

1

デフォルトでは、angle cliプロジェクトでは、角度アプリケーションをIE9、IE10、IE11で実行するために必要なポリフィルはできません。 IE上でアプリケーションを実行するには、src/polyfills.tsの下にあるすべての必要なポリフィルのコメントを解除する必要があります。 (あなたがclasslist.jsように指示されたすべてのノードパッケージがインストールされていることを確認し、web-animations-js & intl NPM --save installコマンドを使用して `。)

+0

私の悪いですが、2番目のコメントでは、最初のコメントを読む前に自分の答えを編集しました。 – Ajax

+0

心配する必要はありません。 – Nik

関連する問題