Internationalisierung in Syncfusion Ej2 mit WebPack

Question

Ich versuche, die Internationalisierungsfeatures von Syncfusion EJ2 in Angular-Cli mit WebPack zu verwenden, was problematisch ist, da die gesamte Dokumentation SystemJs verwendet.

Insbesondere Ich versuche, diese Probe http://plnkr.co/edit/4uA2rb0Q2FrLLK6V4sne

import { L10n, loadCldr, setCulture, setCurrencyCode } from '@syncfusion/ej2-base'; 
import * as currencies from './currencies.json'; 
import * as cagregorian from './ca-gregorian.json'; 
import * as numbers from './numbers.json'; 
import * as timeZoneNames from './timeZoneNames.json'; 
import * as numberingSystems from './numberingSystems.json'; 
import { Component, OnInit } from '@angular/core'; 
import { data } from './datasource'; 

loadCldr(currencies, cagregorian, numbers, timeZoneNames, numberingSystems); 

setCulture('de-DE'); 
setCurrencyCode('EUR'); 

ich aber nicht zu arbeiten, ich bin zu diesem Fehler stecken machen könnte versucht zu verwenden: nicht Modul‘./numberingSystems gefunden. json '

Welche Änderungen sollte ich an der Probe vornehmen?

Answer 1

Um die JSON-Dateien in das Typoskript zu importieren, müssen wir den JSON-Typ in die Deklaration des Wildcard-Kartenmoduls (https://www.typescriptlang.org/docs/handbook/modules.html#wildcard-module-declarations) einfügen. Verwenden Sie den folgenden Deklarationscode in der Datei typings.d.ts, um das Kompilierungsproblem zu beheben.

declare module "*.json" { 
    const value: any; 
    export default value; 
} 

Hinweis: Sie können auch die CLDR json-Dateien verwenden, indem Sie die npm Paket CLDR-Daten installieren. Dieses Paket enthält alle Kulturen JSON-Dateien.