JS Library xml2jsをAngular 2で使用する

Question

Angular 2（Type 1を使用したRC 1）WebアプリケーションでXMLパーサーとしてxml2jsを使用しようとしています。しかし、私はいくつかのエラーと実際の解決策を得ることができません。 <script src="../node_modules/xml2js/lib/xml2js.js"></script> ：tsd install xml2js

私のindex.htmlに含まれているスクリプトリンクを介してd.tsファイルに従って設置npm install xml2js

経由

• インストールxml2js：ここ
  は私がステップバイステップをやったことあります
• マップに'xml2js': '../node_modules/xml2js'を追加して、'xml2js': { defaultExtension: 'js' }をパッケージに追加することで、SystemJSを構成します。
• インポートmy compでのパーサー

  module.js:440 Uncaught Error: Cannot find module 'sax'

  と

  GET file:///C:/xxx/source/node_modules/xml2js net::ERR_FILE_NOT_FOUND

  ：
  var parser = new Parser(); var xml = "<root>Hello xml2js!</root>" parser.parseString(xml, function (err, result) { console.dir(result); });

これは、コンポーネントを含むWebページを開くときに、ブラウザのコンソールが私に語ったものです：onent import {Parser} from 'xml2js';

を経由してコンポーネントのコンストラクタで、それを使ってみてください

および

index.html:17 Error: Error: XHR error loading file:///C:/xxx/source/node_modules/xml2js
at ZoneDelegate.invokeTask (file:///C:/xxx/source/node_modules/zone.js/dist/zone.js:356:38)
at Zone.runTask (file:///C:/xxx/source/node_modules/zone.js/dist/zone.js:256:48)
at XMLHttpRequest.ZoneTask.invoke (file:///C:/xxx/source/node_modules/zone.js/dist/zone.js:423:34)
Error loading file:///C:/xxx/source/node_modules/xml2js as "xml2js" from file:///C:/xxx/source/frontend/angular/components/mycomponent/mycomponent.js

「sax」は、npm経由でインストールされたnode_modules/xml2js/node_modules/saxにあります。 外部ライブラリのインストールが間に合わなかったのは何ですか？ Angular 2 & TypeScriptで外部JSライブラリを使用する "より良い"方法はありますか？

Answer 1

はい、良い方法があります。

System.set('xml2js', System.newModule(require('xml2js')))を使用すると、ローカルxml2jsモジュールをsystemjsにロードできます。

ライブデモについては、Github Repo