2016-10-26 14 views
0

jquery-uiに付属している画像に問題があります。これはChromeのインスペクタで404が見つからないと表示されます。jquery-uiがgraiでui画像を正しく読み込んでいない

enter image description here

しかし、これらのファイルは、自分のアプリケーションの右plact資産/ imagesディレクトリに実際にある:

enter image description here

インスペクタ上のネットワークテーブルは、しかしに関するいくつかの問題があることを示しているようですファイルタイプ:

enter image description here

jqueryがこれらのPNGをテキストとしてロードしようとしているようです。それが原因でファイルを検索できない場合があります

誰でもこの問題を解決する方法を知っていますか?

答えて

0

RVargasは、他の資産がロードされている形である良い質問をページの次のようにInterestly、Grailsのアプリ/資産/スタイルシートディレクトリに住んでいる私のJavaScriptは、ロードされている:

<script type="text/javascript" src="/assets/jquery-2.2.0.min.js?compile=false"></script> 

お知らせ「スタイルシート」サブディレクトリへの参照。だから、明らかにgrailsは何とかすべての資産を個々のサブフォルダjavascripts/images/stylesheetsではなくassetsディレクトリにあるかのように解決しています。どうやらjquery-uiはこれを知らないので、assets/images /サブディレクトリ内の画像アセットを探します。

jquery-uiが正常に動作するためには、assets/javascriptの下にimagesディレクトリを作成する必要がありました。 assets/javascripts/imagesに追加してjqueryイメージアセットをそこに配置して、アセット/イメージURLを使用してそれらを見つけることができるようにします。

0

コンソールのスクリーンショットでは、画像はlocalhost:8080であり、localhost:8080/myapp/ではありません。私はそれが問題だと思う。

あなたはあなたのアプリケーションの正しいパスまたはConfig.groovyでの回避策としてを使用してjQueryのUIのパスを変更する必要があり、この行を追加します。

grails.app.context = "/" 
+0

Grails 3を使用すると、config.groovyは使用できません。これはまだ適用されますか? – user1023110

+0

また、このような問題はないようです。コントローラはlocalhost:8080/[controllername]を使ってうまくロードしますが、appnameは明白に必要ありません。 jquery自体に次のタグがロードされています。 user1023110

+1

見つかったアセットのURLの例を教えてください。また、 'compile = false'は必要ないと思います。 – rvargas

関連する問題