2017-05-22 13 views
1

私はMeteorを使ってプロジェクトを完成させます。私はfree-jqgridを使用したいと思います。Meteor(NPM)のインポートライブラリjqGrid

しかし、私は私が正しく、このライブラリをインポートすることができますかわからない...

私が試した:

  • import 'free-jqgrid';
  • import jqGrid from 'free-jqgrid';
  • import 'free-jqgrid/js/jquery.jqgrid.min';
私のコードでは

私は、この「はじめに」のようなqGridを使用します。

angular.element('#grid').jqGrid({ 
    colModel: [ 
// ... 

そして、私はクライアント上で、このエラーを取得する: Error: angular.element(...).jqGrid is not a function

アイデアの任意の種類は? :-)

多くのありがとうございます。

+0

より正確にあなたがしていることを記述できますか?ウェブブラウザのリリース版は、モジュールの 'import'をサポートしていません。 Webブラウザの暫定版*([here](https://jakearchibald.com/2017/es-modules-in-browsers/)参照)でいくつかのテストを行うことができますが、これをやっていないと思います。私はあなたがSystemjs、webpack、またはJavaScriptのプリプロセッサのように動作する他のものを使うと思います。モジュールマッピングを設定するには、製品の設定を使用する必要があります。 [デモ](http://www.ok-soft-gmbh.com/jqGrid/OK/SystemJs3_4.14.0-jquery-ui1.12.1.htm)は、SystemJの使用例です。 – Oleg

+0

一般に、 'meteor npm install free-jqgrid'を使って流星プロジェクトにnpmパッケージを追加すると、あなたのアプリの' package.json'ファイルにそのライブラリがリストアップされます。しかしこの場合、このパッケージは 'node_moduels'フォルダに追加されていますが、' package.json'ファイルにはリストされませんでした。 jqGridから 'import * as jqGrid'を試してみて、あなたのためにうまくいくか見てみてください。 – JamiDer

+0

お返事ありがとう@Olegと@Sudheer @Sudheer、このパッケージは私のためにpackage.jsonにリストされています: '' free-jqgrid ":"^4.14.0 "、'。あなたのソリューションでは、変数jqGridは空のObjectです。 jqGrid変数は 'function require <.node_modules [" free-jqgrid "]と同じです。js [" jquery.jqgrid.src.js "]

答えて

0

ありがとうございます。フリーjqGrid

ため

流星パッケージIフォーク[流星-jqGrid(https://github.com/free-jqgrid/jqGrid)パッケージであり、Iは、自由jqgridこれを適合。meteor add aurelienc:free-jqgrid:単純にプロジェクトフォルダに次のコマンドを使用して、流星プロジェクトに追加

:私が上でこれを発表しました。

0

申し訳ありませんが、私はMeteorを使用していません。さらに、私は、CommonJSモジュールの代わりにrequireJsまたはSystemJsを使用します。 free-jqgridには現在、CommonJSモジュールとしての使用上のいくつかの問題がある可能性があります。

しかし、私はMeteor環境をインストールし、いくつかのテストを行いました。その結果、次の回避策を提案することができます。あなたはjqGridの非最小化源を使用することを好む場合は、直接

import jqGrid from 'free-jqgrid'; 

後または

import jqGrid from 'free-jqgrid/js/jquery.jqgrid.src'; 

後行

jqGrid(window,$); 

を挿入することができます。

あなたはjQueryのUIのCSSやブートストラップCSSを含め、あまりにも自由jqgrid CSSをインポートするには、/インポートすることを忘れないでください。

import 'free-jqgrid/css/ui.jqgrid.min.css'; 

また、あなたはjQueryのUI CSS、フォント素晴らしいと無料のjqGrid をロードするために考えることができますCDNより。詳細については、hereおよびhereを参照してください。

関連する問題