I'm using the gulp-ruby-sass module to compile my SCSS files. On my Mac the gulp task works fine. However, I cannot get my Windows 10 machine to do the same job, as it keeps throwing an error with broken encoding, so I cannot even read ang google it properly.
[19:22:55] Starting 'sass'...
[19:22:55] "sass" �� ����� ����७��� ��� ���譥�
��������, �ᯮ��塞�� �ணࠬ��� ��� �������� 䠩���.
[19:22:55] Finished 'sass' after 38 ms
Can anyone please help?
Check your <Ruby_installation_path>/bin directory is in
PATHenvironment variable. If not, append it and restart console.
Check compass gem is installed in Ruby. If not, run gem install
compass.
Related
iam new to node js, ruby grunt etc. And i want to use premailer for my e-mail templates. So i installed node js, ruby, grunt and premailer but when i try to grunt it i get this error message:
C:\Users\Noeel\Desktop\mail>grunt
Running "premailer:main" (premailer) task
Fatal error: Error: not found: ruby.exe
http://i.stack.imgur.com/JNOXc.jpg
I followed several guides and searched the problem on google but no luck.
This error seems to be related to premailer required dependencie.
Download Ruby
Install
Restart your command line
Have fun!
When running "Grunt Compile" I get the below error related to Sass Task? I have checked that all files exist and that there are no syntax errors. See Gist link below for "gruntfile.js". This is for a pre-existing grunt project on Windows 7 and all that was required was that I installed sass, npm, grunt & setup environment variables. And it's not working.
Running "sass:dev" (sass) task
Warning: source string:1: error: invalid top-level expression
Use --force to continue.
Aborted due to warnings.
https://gist.github.com/Cypher278999/6e2703dc3391e4509098
Im using sass and compass together with Grunt to build my project. But suddenly compass has just stopped working. When i run my Grunt i get this error:
"Running "sass:dist" (sass) task
ERROR: Cannot load compass.
Warning: Exited with error code 1 Use --force to continue."
The versions are:
compass (0.12.4)
sass (3.2.18)
I have googled ant tried a lot of stuff but none seems to work for me.
Any suggestions?
I'm trying out gulp for the first time on a Windows Server 2012 VM. I'm normally a Mac user, so I'm a bit new to Windows & Powershell for dev tools like this. I installed Node.js & npm (and nothing else). I created the following basic Gulpfile to compile my Sass:
Gulpfile.js
var gulp = require('gulp'),
sass = require('gulp-ruby-sass');
gulp.task('styles', function() {
return gulp.src('Content/sass_new/application.scss')
.pipe(sass({ style: 'expanded', }))
.pipe(gulp.dest('Content/css'))
});
gulp.task('watch', function() {
gulp.watch('Content/sass_new/*', ['styles']);
})
gulp.task('default', ['styles']);
In Windows Powershell, I run the gulp command, and it outputs the following:
[10:02:57] Using gulpfile C:\[path to]\gulpfile.js
[10:02:57] Starting 'styles'...
[10:02:57] gulp-ruby-sass: 'sass' is not recognized as an internal or external command,
operable program or batch file.
[10:02:57] Finished 'styles' after 316 ms
[10:02:57] Starting 'default'...
[10:02:57] Finished 'default' after 15 μs
Am I missing something here? Do I need to install Ruby or Sass? I thought to do that, I'd need a Ruby command prompt and PowerShell wouldn't have access to it. Any guidance is appreciated!
Yes that's right, you need to install Ruby and Sass to get gulp-ruby-sass working.
Begin by download the Ruby installer depending on your specs at this address. Once installed you supposed to have it on your system and accessible by PowerShell or the simple command line.
After, just run the command
gem install sass
And you're done.
Download and Install Ruby : http://rubyinstaller.org/
set ruby location to Path Environment Variable
restart the command prompt
and run gem install sass
That's it.
I'm running in some troubles installing singularity in my yeoman gulp-webapp project. First, I installed singularity with bower.
After that I had a projekt structure like this:
My Projekt
app
bower_components
compass_breakpoint
sassy-maps
singularity
styles
main.scss
Then I imported singularity into my main.scss file like this:
#import "../bower_components/singularity/stylesheets/singularitygs";
In _singularity.scss I corrected the import path for breakpoint to:
#import "../../compass-breakpoint/stylesheets/breakpoint";
If I run gulpnow in the terminal I get this strange error:
[gulp] Error in plugin 'gulp-ruby-sass':
Syntax error: Invalid CSS after "...ntext holder') ": expected "}", was "!global;"
on line 47 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/compass-breakpoint/stylesheets/_breakpoint.scss
from line 4 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/singularity/stylesheets/_singularitygs.scss
from line 1 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/styles/main.scss
at ChildProcess.<anonymous> (/Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/node_modules/gulp-ruby-sass/index.js:80:25)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:743:16)
at Socket.<anonymous> (child_process.js:956:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:466:12)
Did anyone have an idea how to get this setup running?
Thanks, Oli
While you can install Singularity through Bower, you need to make sure you're running a compiler that's compatible with Sass 3.3. The best way to ensure you are in fact using the correct version of Sass is to version your Ruby with Bundler. Your Gemfile should look something like the following:
source 'https://rubygems.org'
gem "sass", "~>3.3.0.rc.3"
Then make sure that Gulp Ruby Sass is running through bundleExec