2017-02-11 6 views
1

私のAureliaプロジェクトにZingChartsを追加しようとしています。コードをコピーして私のAureliaコードに貼り付けましたが、実行すると次のようなエラーが表示されます: "未定義のプロパティ 'render'を読み取れません。Zingchartで「プロパティの未定義のレンダー」を読み取れません。

私はnpm zingchartを使用してZingChartをインポートしました。次に、aurelia.jsonの依存関係に「zingchart」を追加しました。私のaurelia javascriptクラスでは、これをトップに追加しました:import zingchart from 'zingchart';とコピーして、ZingChartの "My First Chart"サンプルコードをattachedメソッドにコピーして貼り付けました。

ヒントがあれば幸いです。私のコードはあなたが見たいと思えばGitHubにあります。

https://github.com/BizArk/JobMon/tree/ZingChart/JobMonWeb

のJavaScriptファイルには、私はにはdashboard.js

UPDATEであるZingChartsを追加 - 私はまだこの問題を解決していませんが、ここでは動作しませんでした私が試したいくつかのものがあります。.. 。

  1. node_modulesを削除し、すべてのもの(NPMインストール)
  2. アンインストール/再インストールオーレリア-CLIを再インストールしました。それは私が関連しているかもしれないいくつかの問題を抱えているように見えましたが、今は正常に動作しており、元の問題はまだ解決されていません。
  3. プレイングセクションにzingcharts.min.jsを入れようとしました。驚いたことに、私は同じエラーが発生している、私はここにそれを置く場合、少なくともそれが少し異なっていると思った。

更新#2 - zingchart/index.jsでは、Iは../node_modules/zingchart/client/zingchart.min.jsする必要が変更され、それが働いていない(エラーを、グラフが表示されます)。しかし、これは正しいことではありません。パスはファイルとの相対的なものではないはずですか?これはGulpのバグですか?

答えて

1

aurelia.json依存リストのフォーマットが不完全であり、必要な詳細が不足しています。これは、次の最小限の形式である必要があります。

{ 
    "name": "zingchart", 
    "path": "../node_modules/zingchart", 
    "main": "index" 
} 

私は、特定のライブラリに慣れていないよので、あなたがメイン.jsレポのルートフォルダにパスを(チェックする必要がありますファイル)とメイン.jsメインファイルのファイル名、なし、.jsの拡張子)。 importステートメントのfrom句は、の名前aurelia.json(たとえばimport classname from "repo_name";)と一致する必要があります。

+0

私はこれを試しましたが、私がそうするとこのエラーが発生します。 ENOENT:そのようなファイルやディレクトリはありません。 'S:¥Development¥JobMon¥JobMonWeb¥zingchart¥client¥zingchart.min.js'を開いてください。 index.jsにはrequire( '/クライアント/ zingchart.min.js')があります。それはzingchartライブラリに相対的ではないようです。それを稼働させるために何か必要なことはありますか? – Brian

+0

'node_modules'がパスに含まれていないのはなぜですか? 'zingchart.min.js'の実際の完全なパスは何ですか? – LStarky

+0

../node_modules/zingchart/client。 index.jsはルート "zingchart"ディレクトリにあります。あなたの推測はおそらくnode_modulesディレクトリを調べていない理由よりも優れています。これがGulpやAureliaに問題があるかどうかはわかりません。 – Brian

関連する問題