web-dev-qa-db-ja.com

ReferenceError：datagrid.jsにfueluxを埋め込み中に定義が定義されていません

http://exacttarget.github.com/fuelux/ を使用してデータグリッドを構築したかったのです。ライブラリを追加して使用したかったのです。私は次のことをしました：

_<link href="<spring:url value='/assets/css/fuelux.min.css' htmlEscape='true' />"      media="all" rel="stylesheet" type="text/css" />
<link href="<spring:url value='/assets/css/fuelux-responsive.min.css' htmlEscape='true' />" media="all" rel="stylesheet" type="text/css" />
<script src="<spring:url value='/assets/js/fuelux-datagrid.js' htmlEscape='true' />" type="text/javascript"></script>
_

他のライブラリで機能するため、パスが正しいと確信しています。ただし、次のエラーが表示されます。

_ReferenceError: define is not defined
[Break On This Error] 
define(['require','jquery'],function(require) {
_

ここで、define(['require','jquery'],function(require) {...は_fuelux-datagrid.js_のコードです。

  • このエラーは何ですか？
  • defineはrequire.jsのキーワードだと思います。これは、fuelux-datagridがrequire.jsに依存しているという意味ですか？
  • 誰でもライブラリをロードして動作させる方法を説明できますか？
javascriptjquerydatagridrequirejsfuelux
15
Lasang

RequireJSを使用していない場合、基本的なスクリプトタグにloader.min.jsをロードするだけでこれを回避できます。

<script src="http://fuelcdn.com/fuelux/2.3/loader.min.js"></script>

このパッケージには、BootstrapおよびFuel UXに必要なすべてのJavaScriptが含まれ、AMDローダーへの外部依存関係はありません。

10
Adam Alexander

これは私のために働いた：

<script src="https://raw.github.com/ExactTarget/fuelux/master/lib/require.js"></script>
<script type="text/javascript" src="https://raw.github.com/ExactTarget/fuelux/master/dist/datagrid.js"></script>

@AdamAlexanderが提案したことと、提案されていること ここ を試してみましたが、うまくいきませんでした。また、最新のrequiredjsを試してみましたが、厄介な例外が発生しました。図を移動します。

12
user1791567

はい、彼らはRequireJSに依存しているようです。ライブラリをロードする方法を説明するリソースがあまりないことに同意する必要があります（少なくとも私が見たものから）が、私がすることはrequire.jsをロードし、後でロードしようとしている他のリソースを確認することですネットワーク要求で。

RequireJSのセットアップ方法の例を次に示します。 their docs もご覧ください。

<script src="scripts/require.js"></script>
<script>
  require.config({
    baseUrl: "/another/path", //here's where it will look for scripts
    paths: {
        "some": "some/v1.0" //path to other dependencies not located in the base path
    }
  });
</script>
3
plalx