No route found for "GET /img/glyphicons-halflings.png"

Question

I have a question about symfony2 and bootstrap. I dont understand why I can load icons image from environment "prod" but not from environment "dev". In dev, i get this error.

The route is "GET /img/glyphicons-halflings.png".

Image web/img/glyphicons-halflings.png is a symbolic link to ../../vendor/twitter/bootstrap/img/glyphicons-halflings.png

I get this error with

http://my.web.site/app_dev.php/img/glyphicons-halflings.png

And get image with

http://my.web.site/img/glyphicons-halflings.png

UPDATE

I include bootstrap in this way:

{% stylesheets '%kernel.root_dir%/../vendor/twitter/bootstrap/less/bootstrap.less' %}
    <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
{% endstylesheets %}

When I use in prod this works

<span class="icon-edit"></span>

And I have this assetic configuration:

assetic:
    debug:          %kernel.debug%
    use_controller: false
    bundles:        [ MyAwesomeBundle ]
    filters:
        lessphp:
            file: %kernel.root_dir%/../vendor/leafo/lessphp/lessc.inc.php
            apply_to: "\.less$"

I've also tried to create my collection:

assetic:
    assets:
        senso:
            inputs:
                - '../img/glyphicons-halflings.png'
            outputs:
                - 'img/glyphicons-halflings.png'
            filters:
                - ?lessphp

:dump create web/assetic/senso.png and web/assetic/senso_glyphicons-halflings.png but, ... how can works with senso*.png image?

sadly you cant use the * syntax for images... and you should ommit the lessphp on your image completely:) the ? tells assetic to apply the filter only in production. — Nicolai Fröhlich, Jun 16 '13 at 09:48
your input image in the collection should better be something like "%kernel.root_dir%/../vendor/twitter/bootstrap" - see my answer, i have included my assetic config for you. — Nicolai Fröhlich, Jun 16 '13 at 10:10
Now works but with asset('css/bootstrap.css') instead of asset('@css_bootstrap'). With @css_bootstrap asset write simply /css_bootstrap. But ... now it works!!! — sensorario, Jun 16 '13 at 13:10
With {% stylesheet ... I get this error: [2/2] Twig_Error_Runtime: An exception has been thrown during the compilation of a template ("There is no "css_boostrap" asset.") in "SensorarioTrashwareBundle:Default:layout.html.twig". — sensorario, Jun 16 '13 at 13:20
i'll double-check and update the answer again. the @syntax can be used refering to the collection name. did you maybe rename the collections under assetic.assets? — Nicolai Fröhlich, Jun 16 '13 at 13:27

score 12 · Accepted Answer · edited May 23 '17 at 12:25

config.yml

assetic:
    use_controller: false
    filters:
         lessphp:
             file: "%kernel.root_dir%/../vendor/leafo/lessphp/lessc.inc.php"
    assets:   
        img_bootstrap_glyphicons_black:
            inputs:
                -  "%kernel.root_dir%/../vendor/twitter/bootstrap/img/glyphicons-halflings.png"
            output: "img/glyphicons-halflings.png"

        img_bootstrap_glyphicons_white:
            inputs:
                -  "%kernel.root_dir%/../vendor/twitter/bootstrap/img/glyphicons-halflings-white.png"
        output: "img/glyphicons-halflings-white.png"

        css_bootstrap:
            inputs:
                -  "%kernel.root_dir%/../vendor/twitter/bootstrap/less/bootstrap.less"
            output: "css/bootstrap.css"
            filters:
                - lessphp

        js_bootstrap:
            inputs:
                -  "%kernel.root_dir%/../vendor/twitter/bootstrap/js/*.js"
            output: "js/bootstrap.js"

config_dev.yml

assetic:
    use_controller: true

template

{% stylesheets '@css_bootstrap' %}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css"/>
{% endstylesheets %}

{% javascripts '@js_bootstrap' %}
<script src="{{ asset_url }}" type="text/javascript"></script>
{% endjavascripts %}

after running assetic:dump --no-debug everything works flawlessly.

general info

the cssrewrite filter used i.e. for background-image: url("..") is incompatible with the @Bundle-syntax.

{% stylesheets 
   '@AcmeYourBundle/Resources/public/css/your.css' 
   filter="cssrewrite" 
%}

doesn't work.

Furthermore, sources like url("../img/image.png") will fail in dev environment without cssrewrite and assetic.use_controller: true - possible workaround: use urls like url("/img/image.png") but not working with pages in subfolders.

you should keep in mind that ...

<img src="img/image.png">

... will for hostname/app_dev.php/ and all other routes except hostname/.

solution:

<img src="{{ asset('img/image.png') }}">

No route found for "GET /img/glyphicons-halflings.png"

1 Answers1

general info

other solutions & tips