0

我在 Symfony2 项目中使用从作曲家加载的引导程序。

但是当我访问一个使用 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（在这个模板中我加载引导程序）：

{% 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

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

4

3 回答 3

2

不要删除该行。您有 404 错误，因为该文件未从供应商移动到 web 文件夹。好方法是在 config.yml 中添加以下（twbs bootstrap bundle 上的示例）行

assetic:
    assets:

            (...)

        bootstrap_css_map:
            inputs:
                - '%kernel.root_dir%/../vendor/twbs/bootstrap/dist/css/bootstrap.css.map'
            output: "assetic/bootstrap.css.map"

        bootstrap_theme_css_map:
            inputs:
                - '%kernel.root_dir%/../vendor/twbs/bootstrap/dist/css/bootstrap-theme.css.map'
            output: "assetic/bootstrap-theme.css.map"
于 2017-03-16T14:35:34.263 回答
-2

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

bootstrap.min.css
于 2015-02-24T20:11:23.420 回答
-2

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

于 2016-01-12T16:47:48.230 回答