Symfony 2 assetic: dump UglifyCss throws [Symfony \ Component \ Process \ Exception \ RuntimeException] The process is signaled by signal "5"

Question

I am developing my first Symfony 2 application and I am trying to Uglify to minimize my .css files. The problem is that when I execute the command:

$ /Applications/mampstack-5.4.17-0/php/bin/php app/console assetic:dump --verbose 

I get the following result:

 Dumping all dev assets. Debug mode is on. 17:22:09 [file+] /Users/bender22/Proyectos/ETraining/app/../web/examlayout.css /Users/bender22/Proyectos/ETraining/app/../web/bundles/exam/css/exam.css /Users/bender22/Proyectos/ETraining/app/../web/bundles/exam/css/exam3.css 

[Symfony \ Component \ Process \ Exception \ RuntimeException]
The process is signaled by signal "5".

Exception Trace:

 () at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Process/Process.php:428 Symfony\Component\Process\Process->wait() at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Process/Process.php:204 Symfony\Component\Process\Process->run() at /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Filter/UglifyCssFilter.php:106 Assetic\Filter\UglifyCssFilter->filterDump() at /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Filter/FilterCollection.php:69 Assetic\Filter\FilterCollection->filterDump() at /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Asset/BaseAsset.php:108 Assetic\Asset\BaseAsset->dump() at /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Asset/AssetCollection.php:151 Assetic\Asset\AssetCollection->dump() at /Users/bender22/Proyectos/ETraining/vendor/symfony/assetic-bundle/Symfony/Bundle/AsseticBundle/Command/DumpCommand.php:222 Symfony\Bundle\AsseticBundle\Command\DumpCommand->doDump() at /Users/bender22/Proyectos/ETraining/vendor/symfony/assetic-bundle/Symfony/Bundle/AsseticBundle/Command/DumpCommand.php:162 Symfony\Bundle\AsseticBundle\Command\DumpCommand->dumpAsset() at /Users/bender22/Proyectos/ETraining/vendor/symfony/assetic-bundle/Symfony/Bundle/AsseticBundle/Command/DumpCommand.php:61 Symfony\Bundle\AsseticBundle\Command\DumpCommand->execute() at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Console/Command/Command.php:244 Symfony\Component\Console\Command\Command->run() at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Console/Application.php:904 Symfony\Component\Console\Application->doRunCommand() at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Console/Application.php:191 Symfony\Component\Console\Application->doRun() at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Bundle/FrameworkBundle/Console/Application.php:85 Symfony\Bundle\FrameworkBundle\Console\Application->doRun() at /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Console/Application.php:121 Symfony\Component\Console\Application->run() at /Users/bender22/Proyectos/ETraining/app/console:27 

My environment:

 OS: Mac OS 10.8.4 Symfony: 2.3.2 symfony/assetic-bundle: 2.3.0 kriswallsmith/assetic: 1.1.2 Bitnami Mampstack: 5.4.17 Node.js: 0.10.13 Php: 5.4.17 Apache: 2.4.4 

Here is some relevant information:

My config.yml:

 assetic: debug: %kernel.debug% use_controller: false bundles: [ExamBundle] java: /usr/bin/java filters: cssrewrite: ~ uglifyjs2: # the path to the uglifyjs executable bin: /usr/local/bin/uglifyjs node: /usr/local/bin/node uglifycss: # the path to the uglifycss executable bin: /usr/local/bin/uglifycss node: /usr/local/bin/node 

My Twig Template:

 {% block stylesheets %} {% stylesheets output='css/generated/examlayout.css' filter='cssrewrite, uglifycss' debug=false 'bundles/exam/css/exam.css' 'bundles/exam/css/exam3.css' %} <link href="{{ asset_url }}" rel="stylesheet" /> {% endstylesheets %} {% endblock %} 

Some of the things that I have already tested with no luck:

1) Run the command (without specifying / Applications / mampstack -5.4.17-0 / php / bin / php)

 $ app/console assetic:dump --verbose 

Result

 Dumping all dev assets. Debug mode is on. 17:55:12 [file+] /Users/bender22/Proyectos/ETraining/app/../web/css/generated/examlayout.css /Users/bender22/Proyectos/ETraining/app/../web/bundles/exam/css/exam.css /Users/bender22/Proyectos/ETraining/app/../web/bundles/exam/css/exam3.css 

The result file in web / css is correct (the contents include both minimized .css files). The problem is that when I load a webpage, .css does not work:

 <link href="/app_dev.php/css/generated/examlayout.css" rel="stylesheet" /> 

and if I click on href, the content displayed by the browser:

 /* [exception] 500 | Internal Server Error | Symfony\Component\Process\Exception\RuntimeException [message] The process has been signaled with signal "5". [1] Symfony\Component\Process\Exception\RuntimeException: The process has been signaled with signal "5". at n/a in /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Process /Process.php line 428 at Symfony\Component\Process\Process->wait(null) in /Users/bender22/Proyectos/ETraining/vendor/symfony/symfony/src/Symfony/Component/Process /Process.php line 204 at Symfony\Component\Process\Process->run() in /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Filter /UglifyCssFilter.php line 106 at Assetic\Filter\UglifyCssFilter->filterDump(object(FileAsset)) in /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Filter /FilterCollection.php line 69 at Assetic\Filter\FilterCollection->filterDump(object(FileAsset)) in /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Asset /BaseAsset.php line 108 at Assetic\Asset\BaseAsset->dump(null) in /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Asset /AssetCollection.php line 151 at Assetic\Asset\AssetCollection->dump(null) in /Users/bender22/Proyectos/ETraining/vendor/kriswallsmith/assetic/src/Assetic/Asset /AssetCache.php line 69 at Assetic\Asset\AssetCache->dump() in /Users/bender22/Proyectos/ETraining/vendor/symfony/assetic-bundle/Symfony/Bundle /AsseticBundle/Controller/AsseticController.php line 88 at Symfony\Bundle\AsseticBundle\Controller\AsseticController->render('6a1dad3', null) in line at call_user_func_array(array(object(AsseticController), 'render'), array('6a1dad3', null)) in /Users/bender22/Proyectos/ETraining/app/bootstrap.php.cache line 2774 at Symfony\Component\HttpKernel\HttpKernel->handleRaw(object(Request), '1') in /Users/bender22/Proyectos/ETraining/app/bootstrap.php.cache line 2748 at Symfony\Component\HttpKernel\HttpKernel->handle(object(Request), '1', true) in /Users/bender22/Proyectos/ETraining/app/bootstrap.php.cache line 2878 at Symfony\Component\HttpKernel\DependencyInjection \ContainerAwareHttpKernel->handle(object(Request), '1', true) in /Users/bender22/Proyectos/ETraining/app/bootstrap.php.cache line 2179 at Symfony\Component\HttpKernel\Kernel->handle(object(Request)) in /Users/bender22/Proyectos/ETraining/web/app_dev.php line 28 

* /

2) Set the rights to the folder with (recursive method):

 chmod 777 

for folders: web (inside my Symfony project) and my temporary folder, which turns out to be:

 /var/folders/hp/vv24wsq56bs9szlt7j8bt3600000gn/T 

Could you help me solve this problem? I'm out of ideas.

Note. I marked this as uglifyjs2 because I don’t have enough points to create the uglifycss tag

Thanks in advance:)

Answer 1

We had the same problem as the uglifycss filter, ending up with a lack of memory with large css files without the correct error message.

You can show the exact error message by following these steps:

• disable the uglifycss filter in your configuration.
• execute assetic:dump task
• go to the directory where the css files are created, possibly web / css
• run uglifycss <filename> > test.css for each generated css file
• see which file returns an error

We solved the problem by overriding the UglifyCssFilter class and adding the Node.js custom parameter for a higher memory limit:

 <?php namespace Acme\DemoBundle\Filter; use Assetic\Filter\UglifyCssFilter as BaseUglifyCssFilter; class UglifyCssFilter extends BaseUglifyCssFilter { protected function createProcessBuilder(array $arguments = array()) { if ($arguments[0] === '/usr/bin/node') { $arguments = array_merge(array( $arguments[0], '--max-old-space-size=4096' ), array_slice($arguments, 1)); } return parent::createProcessBuilder($arguments); } } 

You must change the Node path to the correct location (or improve the comparison in some other way).

You can let Assetic use this class by setting the service parameter in your configuration file:

 parameters: assetic.filter.uglifycss.class: Acme\DemoBundle\Filter\UglifyCssFilter