Des ressources ne trouve pas d'Erreur et que dire de ressources plugin

Je suis en utilisant graal depuis près d'un an. Depuis maintenant quand je veux lier un fichier css ou js dans un spg. J'ai fait la suivante:

J'ai créé un nouveau fichier (par exemple, les ressources de fichier) en vertu de la web-app dossier et j'y mets tous mes fichiers de dossiers (par exemple, lors de l'importation de bootstrap, j'ai eu un dossier parent bootstrap en vertu de ressources et en vertu de bootstrap, il y avait css, img et js dossiers avec leurs fichiers).
Alors, pour importer un fichier css je n'ai la suite (voici la documentation de cette):

<link href="${ressource(dir:
'ressources/bootstrap/css', fichier: 'bootstrap.min.css')}"
type="text/css">

<script src="${ressource(dir: 'ressources/bootstrap/js', fichier:
'bootstrap.min.js')}"></script>

Cela a fonctionné très bien, mais quand j'ai essayé de créer un nouveau Projet dans graal 2.2.4 j'ai eu une Ressource introuvable (Erreur 404 pour le navigateur et le suivant sur la console).

ERROR resource.ResourceMeta  - Resource not found: /resources/bootstrap/css/bootstrap.min.css
ERROR resource.ResourceMeta  - Resource not found: /resources/bootstrap/js/bootstrap.min.js
ERROR resource.ResourceMeta  - Resource not found: /resources/bootstrap/css/bootstrap.min.css
ERROR resource.ResourceMeta  - Resource not found: /resources/bootstrap/js/bootstrap.min.js

Que j'ai réalisé ces Erreurs dans la console ont été une fois de la fonction des ressources et une fois de l'OBTENIR que le client(navigateur) demandé.

Lorsque l'on regarde ressources plugin je vois qu'ils suggèrent d'utiliser le js et css dossiers. Est importante pour diviser un outil (par exemple, twitter bootstrap) dans ces deux répertoires?

Donc, en général, la question pourrait être: est-il un simple & moyen simple de mettre statique dossiers à l'intérieur d'une webapp (par exemple, twitter bootstrap, choisi js, widget jquery) de la tenue de leur répertoire de structures ET en évitant la séparation de ces ressources dans les trois graal plugin de ressource répertoires (images, js, css)? Suis-je le droit? Et, dans l'affirmative, cette approche a bien fonctionné dans le pré 2.2.4 versions, mais depuis 2.2.4 n'est pas plus de travail.
Oui, c'est exactement ma question
Avez-vous essayé d'utiliser des ressources modules au lieu de cela, avec votre installation?
si tu veux dire que le g:ressources tag, je l'ai essayé
Je voulais dire <r:require modules="...."/>. En ligne avec ce que @codelark est en se référant à BootstrapResources.groovy.

OriginalL'auteur wannaKnowItAll | 2013-09-11

grails resources

ok je crois que j'ai une (semi) solution de travail:

Supposons que nous avons besoin de comprendre à la fois Twitter Bootstrap 3 et TinyMce

En vertu de la webapp répertoire que je créer les répertoires suivants:

resources/bootstrap/
resources/bootstrap/css/
resources/bootstrap/css/bootstrap.min.css
resources/bootstrap/fonts/
resources/bootstrap/fonts/glyphicons-halflings-regular.eot
resources/bootstrap/fonts/glyphicons-halflings-regular.svg
resources/bootstrap/fonts/glyphicons-halflings-regular.ttf
resources/bootstrap/fonts/glyphicons-halflings-regular.woff
resources/bootstrap/js/
resources/bootstrap/js/bootstrap.min.js
resources/jquery/
resources/jquery/jquery-2.0.3.min.js
resources/tiny_mce/
resources/tiny_mce/langs/ /*many files here*/
resources/tiny_mce/plugins/ /*many files here*/
resources/tiny_mce/themes/ /*many files here*/
resources/tiny_mce/utils/ /*many files here*/
resources/tiny_mce/tiny_mce_popup.js
resources/tiny_mce/tiny_mce_src.js
resources/tiny_mce/tiny_mce.js

Puis-je déclarer mes ressources dans ApplicationResources.groovy

modules = {
    application {
        resource url:'js/application.js'
    }

    jquery {
        resource url:'resources/jquery/jquery-2.0.3.min.js'
    }

    bootstrap {
       dependsOn 'jquery'
       resource url:'resources/bootstrap/css/bootstrap.min.css'
       resource url:'resources/bootstrap/js/bootstrap.min.js'
    }

    tinymce {
        resource url:'resources/tiny_mce/tiny_mce.js'
    }
}

Et Config.groovy

grails.resources.adhoc.patterns = ['/images/*', '/css/*', '/js/*', '/plugins/*']   /*no changes here*/
grails.resources.adhoc.excludes = ['/**/langs/**/*.*', '/**/themes/**/*.*']  /*to permit some Ajax calls from tiny_mce.js to relevant resources*/
grails.resources.debug=true 
/* 
this is why I call my solution SEMI working. 
If set grails.resources.debug to false, TinyMce is NOT working because the above excludes are not active, and I receive 404 errors
*/

Puis, dans la principale.gsp

<!DOCTYPE html>
    <head>
        <g:javascript library="application"/>
        <g:javascript library="bootstrap"/>
        <g:javascript library="tinymce"/>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><g:layoutTitle default="Grails"/></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
        <link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
        <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">

        <r:layoutResources />
        <g:layoutHead/>
    </head>
    <body>
        <div id="grailsLogo" role="banner"><a href="http://grails.org"><img src="${resource(dir: 'images', file: 'grails_logo.png')}" alt="Grails"/></a></div>
        <g:layoutBody/>
        <div class="footer" role="contentinfo"></div>
        <div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>

        <r:layoutResources />
    </body>
</html>

Et dans l'index.gsp

<head>
...
<script type="text/javascript">
$(function() {
    tinymce.init({selector:'textarea'});
});   
</script>
</head>
<body>
...
<h1>Welcome to Grails</h1>
check bootstrap - start
    <span class="glyphicon glyphicon-search"></span>
    <button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-star"></span> Star
    </button>
check bootstrap - stop

<textarea>Your content here.</textarea>
...
</body>

À l'aide de ce qui précède, j'ai pleinement opérationnel JQuery, Bootstrap3 et de TinyMCE
Mais si je l'ai mis dans la Config.groovy

grails.resources.debug=true

Je reçois 404-les erreurs liées à la grails.resources.adhoc.excludes ressources TinyMce dynamiquement récupère après le chargement de la page.

Des indices? Je suis très proche de trouver la solution donc je serai heureux de recevoir vos commentaires
Ce projet de test peut être téléchargé à partir d'ici: https://docs.google.com/file/d/0B8epX7R4j7jeaVh5OTFiQlV4V0U/edit?usp=sharing

J'ai oublié de dire que bootstrap3 est toujours de travailler de cette façon. Le problème est avec la TinyMCE si debug = false
Je sais que c'est une très vieille question, mais il pensait que la réponse serait utile à quelqu'un. Si l'on place grails.resources.resourceLocatorEnabled = false dans Config.groovy fichier alors il devrait fonctionner. Pas besoin d'ajouter grails.resources.adhoc de la propriété.

OriginalL'auteur tmanolatos

1

Une autre réponse à la question est la suivante:
1. Nettoyer votre projet
2. Changement " BuildConfig.groovy " et utiliser une version plus récente de ressources plugin
3. Faire une actualisation des dépendances de votre projet
et tout fonctionne très bien maintenant

OriginalL'auteur wannaKnowItAll
0

J'ai eu le même problème, je ne sais pas exactement ce que le programme d'installation que vous avez, mais j'ai en haut de mon courrier.gsp-page:
```
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
```
(À l'intérieur de la balise)

Si vous avez besoin d'importer .js-files c'est ce qui fonctionne pour moi:
```
<script src="${resource(dir: 'js', file: 'bootstrap.js')}"></script>
```
C'est à la fin de l'om, la page à l'intérieur de la balise.

Je suis en utilisant le Graal 2.1.1.

Si vous divisez bootstrap dans le css et le js répertoires?
Réponse courte: oui. C'est ce qui a fonctionné pour moi. J'ai eu le même problème si j'ai vérifié les journaux de la console et j'ai vu les messages d'erreur que vous avez écrit dans la question initiale.

OriginalL'auteur marko
0

La /css et /js répertoires sont une partie de la valeur par défaut "adhoc ressources" modèles que les ressources plugin ajoute à Config.groovy. Si vous souhaitez une autre structure pour vos ressources statiques, vous devrez vous créer une définition de la ressource de fichier (par exemple. BootstrapResources.groovy) ou ajouter votre structure de répertoire à l'adhoc motifs:
```
//What URL patterns should be processed by the resources plugin
grails.resources.adhoc.patterns = ['/images/*', '/css/*', '/js/*', '/plugins/*', '/resources/*']
```
Cela rendrait les choses dans le /web-app/resources un adhoc de ressources et sous réserve de l'plugin de ressource de traitement.

J'ai fait cela, mais ne résout pas mon problème

OriginalL'auteur codelark
0

Je commence à penser que la manière la plus souple est de servir du contenu statique en utilisant un proxy en face de Tomcat /Graal comme Nginx (tous les 'ressources/*' Uri)et de laisser Graal pour répondre à toutes les dynamiques des trucs (pour le reste Uri).

Après tout, il devrait être plus efficace d'utiliser Nginx pour servir les fichiers statiques que de laisser Tomcat /Graal ce faire.

Mais, après coup, il devrait être de la pitié pour les Ressources Plugin pour vous forcer fractionnement des ressources dans les trois répertoires et de conduite Graal lourd pour les scénarios simples comme l'utilisation de Ext.js, WYSIWIG éditeurs, etc, qui ont des milliers de fichiers à inclure...

si stackoverflow.com/questions/10520693/... pourrait nous donner quelques indices...

OriginalL'auteur tmanolatos

Vous devez vous connecter pour publier un commentaire.