Question

我在Symfony2项目中使用从composer加载的bootstrap。

但是当我访问使用twitter bootstrap的模板时，它会在浏览器控制台中显示此错误消息：

获取http://acme.local/app_dev.php/css/bootstrap-theme.css.map 404（不是实测值）

以下是config.yml中的资产配置：

# Assetic Configuration
assetic:
    debug:          "%kernel.debug%"
    use_controller: false
    bundles:        [ AcmeBackBundle ]
    #java: /usr/bin/java
    filters:
        cssrewrite: ~
    assets:
        bootstrap_js:
            inputs:
                - %kernel.root_dir%/../vendor/twbs/bootstrap/dist/js/bootstrap.js
        bootstrap_css:
            inputs:
                - %kernel.root_dir%/../vendor/twbs/bootstrap/dist/css/bootstrap.css                    
                - %kernel.root_dir%/../vendor/twbs/bootstrap/dist/css/bootstrap-theme.css
            filters: [cssrewrite]
        jquery:
            inputs:
                - %kernel.root_dir%/../vendor/jquery/jquery/jquery-1.11.1.js

composer.json：

"require": {
    ...
    "twbs/bootstrap": "3.3.*@dev",
    "jquery/jquery":  "1.11.1",
    ...
},

base.html.twig（在此模板中我加载bootstrap）：

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

我还使用资产和资产命令：

php app/console assets:install --symlink
php app/console assetic:dump

有任何建议如何解决这个问题？

Answer 1

不要删除该行。您有404错误，因为该文件未从供应商移动到Web文件夹。好的方法是在config.yml

中添加以下（twbs bootstrap bundle上的示例）行

jQuery(document).ready(function($)
{
    if( $('ul').hasClass('sub-menu') )
    {
        var parent = $('ul .sub-menu').parent();
        $('ul .sub-menu').addClass('dropdown-menu');
        parent.addClass('dropdown');
        parent.children(':first-child').attr({'href': '#', 'class': 'dropdown-toggle', 'data-toggle': 'dropdown'});

        }
});

Answer 2

要避免此错误，您可以使用：

bootstrap.min.css

Answer 3

需要注意的一点是，除非您在控制台中，否则不会看到此错误。我目前正在研究这个问题。映射文件用于调试。 See the documentation

在Symfony2中找不到bootstrap-theme.css.map

3 个答案: