2016-09-06 13 views
2

<map>要素をリーフレットで作成しようとしています。 aurelia-cliからaurelia.jsonファイルへの依存関係を追加しました。これは以前のブートストラップと同じです。aurelia-cli cssリソースの読み込みに失敗しました

{ 
    "name": "leaflet", 
    "path": "../node_modules/leaflet/dist", 
    "main": "leaflet", 
    "resources": [ 
     "leaflet.css" 
    ] 
} 

github link

私は「auの実行」でアプリを実行すると、leaflet.cssファイルが正しくベンダーバンドルファイルに統合されています。

map.htmlファイルは次のようになります:

<template> 
    <require from="leaflet/leaflet.css"></require> 
    <div ref="mapNode" style="height: 100%"></div> 
</template> 

github link

私ができる私のマップ要素でこのファイルを要求しようとしたとき

は、しかし、私はエラーを取得しますブートストラップパッケージとの違いは分かりませんが、問題なく動作します。


ブートストラップ4の前にリーフレット依存関係を移動した後、すべて正常に動作しているようです。 github link

bootstrapがrequirejs libまたはtextプラグインを壊す可能性はありますか?

答えて

3

リソースプラグインが失敗します - aurelia設定ファイルにcss-resourcesを新たに追加した後でいつも正しく動作しません(私はブートストラップv4も使用しています)。

策:そのようなfalseaurelia.json設定ファイルと変更ローダーテキストプラグインstubに行く:

"loader": { 
    "type": "require", 
    "configTarget": "vendor-bundle.js", 
    "includeBundleMetadataInConfig": "auto", 
    "plugins": [ 
    { 
     "name": "text", 
     "extensions": [ 
     ".html", 
     ".css" 
     ], 
     "stub": false 
    } 
    ] 
}, 
+1

おかげで、実際に働いていたことを。あなたは「スタブ」が何をしているのか知っていますか? – Sergiu

+1

サーバー上の "node_modules"パスから問題のデータをロードしようとしています。サーバーに追加で展開する必要があります(i.mは、firebugを使用してhttp-requestを見て、そのモジュールを見つけます)。 – JayDi

関連する問題