Grails 和 css / javascript 库答案

【问题标题】：Grails and css / javascript librariesGrails 和 css / javascript 库
【发布时间】：2015-10-02 02:23:17
【问题描述】：

我正在尝试在 grails 应用程序中使用 leaflet.js。我的文件夹结构如下所示：

grails-app
    assets
        images
            marker-icon.png
            ...
    javascripts
        application.js
        leaflet.js
        main.js
    stylsheets
        application.css
        leaflet.css

然后在 main.gsp 中：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><g:layoutTitle default="Grails"/></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <asset:stylesheet src="application.css"/>
    <asset:javascript src="application.js"/>

    <g:layoutHead/>

在加载时，我收到以下错误：

GET http://localhost:8080/assets/images/marker-icon.png 404 (Not Found) index:1 
GET http://localhost:8080/assets/images/marker-shadow.png 404 (Not Found)

即使这些文件清楚地位于“资产”文件夹中并正确标记。

在 grails 中处理额外的 javascript/css 文件的最佳方法是什么？

【问题讨论】：

标签： javascript css grails

【解决方案1】：

您是否将leaflet.js 添加到应用程序.js 中作为 //=require 传单？您在哪里使用图像？

【讨论】：

图片由我添加的传单css调用。

【解决方案2】：

两种选择：

第一个选项）尝试更新leaflet.css 中的引用以删除“images/”

例如：来自背景图片： url(images/layers.png); 到背景图片： url(layers.png);

第二个选项）在 grails-app/assets/images 下创建 images 文件夹

让我知道它是否有效。

【讨论】：