jquery-ui没有在grails中正确加载ui图像

Question

jquery-ui附带的图像出现问题，在chrome检查器中找不到404.

但是，这些文件实际上位于我的应用程序的右侧plact assets / images目录中：

检查器上的网络表虽然似乎表明有关文件类型的一些问题：

看起来jquery正试图将这些png作为文本加载。这可能是找到文件

时出现问题的原因

有谁知道如何解决这个问题？

Answer 1

在您的控制台屏幕截图中，图片指向localhost:8080，而不是localhost:8080/myapp/。我认为这就是问题所在。

您需要更改jQuery UI路径以使用您的应用程序正确路径或在Config.groovy中作为变通方法，添加以下行：

grails.app.context = "/"

Answer 2

RVargas问了一个很好的问题，即页面中正在加载的其他资产在哪里。有趣的是，我的javascripts，它们存在于grails-app / assets / stylesheet目录中，如下所示：

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

请注意，没有对'stylesheet'子目录的引用。显然，grails以某种方式解析所有资产，好像它们都存在于资源目录中而不是单独的子文件夹javascripts / images / stylesheets。显然jquery-ui不知道这一点，因此它在assets / images /子目录中查找图像资源。

为了让jquery-ui正常工作，我必须在assets / javascripts下创建一个images目录，例如assets / javascripts / images并将jquery图像资源放在那里，以便应用程序能够使用assets / images url找到它们。