2017-02-20 5 views
5

Ionic2/Angular2を初めて使用しました&私は、intlの日付書式を使用してポリフィルの問題を修正するために何が必要なのかを見てきました。ここではIonic 2, Using Angular 2 Pipe breaks on iOS—"Can't find variable: Intl"Ionic 2 - Intlポリフィルをインポートする方法

しかし、私が理解できないことと、チュートリアル/スタックオーバーフローの説明が私を理解する助けとなったことは、正確かつ正確にこれを達成するためのものです。私はノードモジュールにintlパッケージを追加するためにnpmをインストールしましたが、すべては "それをインポート"としか言いませんが、私はpolyfill.tsファイルを持っていないので、 & intファイルの日付操作を使用する.tsファイルに直接インポートしようとしましたが、それでも問題は解決しませんでした。

私は非常に根本的なことを理解していない可能性があります。だからといって、どこにインポートする必要があるのか​​を誰も明示していないのですが、誰かがこれをインポートする方法や、私が理解していないもの

+1

彼のアプリケーションモジュールにpolyfillが必要です。 –

+0

あなたは最高です!私はダムだったし、インポートの権利を持っていません..あなたのコメントは私が正しい軌道にあったと私のことを安心させ、修正が働いた。私は輸入 'intl'をしていた。 import 'intl/dist/Intl.complete.js'を実行する必要がありました。 ありがとうございます!あなたが書いたものを回答にコピー&ペーストしたいなら、私はそれを受け入れます。 –

+0

私はうまく働いた!これらのパスは、いつも奇妙なことを理解するために...私はコメントから答えを出しました! –

答えて

10

通常、アプリケーションをブートストラップます アプリモジュール ファイルにインポートされpolyfill.ts通常、これはそうトリックを行う必要があります アプリモジュール ブートストラップファイルに必要なポリフィルをインポートし、main.tsファイルです。ここ

は一例であり:

main.ts

import './polyfills.ts'; 

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'; 
import {enableProdMode} from '@angular/core'; 

import {environment} from './environments/environment'; 
import {AppModule} from './app/app.module'; 

if (environment.production) { 
    enableProdMode(); 
} 

platformBrowserDynamic().bootstrapModule(AppModule); 

polyfill.ts通常polyfill.tsがそのようにインポートアプリケーションモジュールにインポートされ

// All needed polyfills for example web animations 
import 'web-animations-js/web-animations.min'; 
+0

なぜそれがmain.tsにあるのでしょうか(最新のionicではmain.tsとmain.prod.tsがあります)、app.module.tsにはありません。 –

+0

@AlexRyltsovはあなたの環境に依存します。私がmain.tsに与えた例では、そのブートストラップメソッドは環境変数(開発または生産)に応じてwebpackプラグインによって変更されています。両方のファイルを別々に持つ場合は、両方のファイルにpolyfillを含めるか、開発と運用の両方で使用するファイルを含める必要があります。 –

関連する問題