Monday, 22 September 2014

Liferay 6.1, resolving SASS: Invalid CSS Error

I found this error when using Bootstrap in my Liferay 6.1 CE theme. Every time a page loads with the theme, a huge error log was created with SASS Exception. This is the solution that worked for me.

1. Download the below file and Replace the file in liferay-portal-6.1.1-ce-ga2\tomcat-7.0.27\webapps\ROOT\WEB-INF\lib folder.
ruby-gems.jar

2. Add the following lines to your portal-ext.properties file
scripting.jruby.load.paths=\
  classpath:/META-INF/jruby.home/lib/ruby/site_ruby/1.8,\
  classpath:/META-INF/jruby.home/lib/ruby/site_ruby/shared,\
  classpath:/gems/chunky_png-1.2.6/lib,\
  classpath:/gems/compass-0.12.2/lib,\
  classpath:/gems/fssm-0.2.9/lib,\
  classpath:/gems/sass-3.2.1/lib,\
  ${java.io.tmpdir}/liferay/ruby/gems/chunky_png-1.2.6/lib,\
  ${java.io.tmpdir}/liferay/ruby/gems/compass-0.12.2/lib,\
  ${java.io.tmpdir}/liferay/ruby/gems/fssm-0.2.9/lib,\
  ${java.io.tmpdir}/liferay/ruby/gems/sass-3.2.1/lib

Restart the server and all SASS errors will have disappeared.
If it still hasn't gone, you might have to stop Liferay, clean the liferay-portal-6.1.1-ce-ga2\tomcat-7.0.27\temp, liferay-portal-6.1.1-ce-ga2\tomcat-7.0.27\work and C:\Users\{YOUR.USER.NAME}\AppData\Local\Temp directories and Start the Liferay server.

Credits go to Kan Zhang for the info. Link to Original Post below:
Resolve the "Sass::SyntaxError: Invalid CSS" error in Liferay 6.1

No comments :

Post a Comment