Symfony 2 assetic 过滤器异常中的指南针

Question

我已经在我的 symfony 2 项目中安装了指南针。现在我想将 assetic 过滤器与指南针结合使用。我正在使用 windows 7.

我认为它几乎可以正常工作，但我仍然收到此错误：

[Assetic\Exception\FilterException]
An error occurred while running:
"C:\Ruby21-x64\bin\ruby.EXE" "C:\Ruby21-x64\bin\compass.BAT" "compile" "C:\
Users\tommie\AppData\Local\Temp" "--boring" "--config" "C:\Users\tommie\App
Data\Local\Temp\ass4325.tmp" "--sass-dir" "" "--css-dir" "" "C:/Users/tommi
e/AppData/Local/Temp/ass4326.tmp.scss"
Error Output:
C:/Ruby21-x64/bin/compass.BAT:1: syntax error, unexpected tCONSTANT, expect
ing end-of-input

我在 html（树枝）中的代码：stylesheets.html.twig

{% stylesheets filter="compass" output='css/compiled/*.css'
   "@AcmeSassDemoBundle/Resources/assets/css/base.scss"
%}
<link rel="stylesheet" href="{{ asset_url }}" />

{% endstylesheets %}

base.html.twig:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{% block title %}Sass Demo!{% endblock %}</title>
    {#{% block stylesheets %}{% endblock %} #}

    {% include "AcmeSassDemoBundle:Demo:stylesheets.html.twig" %}
    <link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
</head>
<body>
    <div id="header">
        {% block header %}
            <h1>Sass Demo</h1>
            <div class="logo">this container is half as big as the sass.gif's dimension</div>
        {% endblock %}
    </div>

    <div id="menu">
        <ul>
            <li class="add"><a href="#">add something</a></li>
            <li class="edit"><a href="#">edit something</a></li>
            <li class="delete"><a href="#">delete something</a></li>
        </ul>
    </div>

    <div id="content">
        {% block body %}hello sass!{% endblock %}
    </div>

    <div id="footer">
        {% block footer %}awesome footer goes here ...{% endblock %}
    </div>
    {% block javascripts %}{% endblock %}</
</body>

index.html.twig:

{% extends 'AcmeSassDemoBundle:Demo:base.html.twig' %}

{% block body %}

<div class="content">
  hello world
    <div class="sub">
       This text should be in green ...
       <div class="sub">
        ... and this one in blue!
    </div>
</div>

我的 config.yml 过滤器资产配置：

# Assetic Configuration
assetic:
    debug: false
    use_controller: true# default: true
    filters:
        sass:    ~
        compass: 
            compass:
                bin: C:\Ruby21-x64\bin\compass.bat

base.scss

$main-background-color: #FFF;
$main-color: #FFF;
$light-color: #759E1A;
$link-color: #0088CC;

body {
    background-color: #CCC;
}

@mixin rounded($side, $radius: 10px) {
    border-radius: $radius;
    border-#{$side}-radius: $radius;
    -moz-border-radius-#{$side}: $radius;
    -webkit-border-#{$side}-radius: $radius;
}

@import "header.scss";
@import "menu.scss";
@import "content.scss";
@import "footer.scss";

Answer 1

这很可能是您已经尝试过/注意到的事情，但以防万一：

这个错误看起来更像是 ruby 解释器快要死了，而不是它在你的 scss / twig 上窒息了。这在一定程度上是有道理的，因为 ruby 不希望使用 .BAT 脚本。

一般只使用'compass'，而不是'compass.BAT'，通常只用'compass'调用ruby。

即

"C:\Ruby21-x64\bin\ruby.EXE" "C:\Ruby21-x64\bin\compass.BAT" "compile" "C:\ Users\tommie\AppData\Local\Temp" "--boring" "--config" "C:\Users\tommie\App Data\Local\Temp\ass4325.tmp" "--sass-dir" "" "--css-dir" "" "C:/Users/tommi e/AppData/Local/Temp/ass4326.tmp.scss"

通常是

"C:\Ruby21-x64\bin\ruby.EXE" "C:\Ruby21-x64\bin\compass" "compile" "C:\ Users\tommie\AppData\Local\Temp" "--boring" "--config" "C:\Users\tommie\App Data\Local\Temp\ass4325.tmp" "--sass-dir" "" "--css-dir" "" "C:/Users/tommi e/AppData/Local/Temp/ass4326.tmp.scss"

基本上，将 compass.bin 路径设置为不包含 .bat，您可能就没事了。这通常在您的 config.yml

中的 assetic.filters.compass.bin

另见 https://github.com/symfony/AsseticBundle/issues/158

这也表明特殊字符不太受欢迎，不确定它是否喜欢目录名中的空格。如果没有 .bat

仍然无法正常工作，这些也可能导致窒息

Answer 2

我不想让你气馁，但是使用 Windows 和 Ruby 这是有史以来最糟糕的组合，（节点也是 node_module 长树子目录，使得 Windows 限制为 256 个字符，安装包时会显示错误）。我的观点就像是将您的项目移动到类似于您的服务器配置的虚拟机的替代方法。（VirtualBox 和 Vagrant）

Linux对Ruby更友好（对他有支持），有symlinks和长路径名；

用于修补： https://symfony.com/doc/2.8/setup/homestead.html

也许对这位老人也有帮助link: How to use SCSS filter in Symfony2 under Windows?

Symfony 2 assetic 过滤器异常中的指南针

Compass in Symfony 2 assetic Filter Exception

php

ruby

symfony

compass