Debug October CMS automatic SASS compilation errors

01 Aug

2019

Johan van de Merwe

Posted in October CMS

This article shows quickly where to look when your automatic compilation of October CMS SASS theme files lead to an error and nothing shows up. This could be a great time saver.

When in development mode

As you can see there is a red wave under this '/combine/' link. These combined files are generated during automatic SASS compilation withing October CMS.

What we will do next is open the link to this file in a browser and look what it will show.

/* parse error: failed at `padding-left: 2vw` /home/enovision/domains/enovision.net/public_html/cloud/themes/enovision-bootstrap/assets/scss/theme/custom.scss
on line 15 */

That is very useful information. Now let's have a look inside the file and find place of the crime, the related SASS file itself.

.container-fluid-padded {
  padding-left: 2vw
  padding-right: 2vw

  @media (min-width: 1200px) {
    padding-left: 15vw;
    padding-right: 15vw;
  }
}

There are 2 semi-colons missing at line 16 and 17 which prevents this file from compiling without an error.

What remains is correcting the error and wait for the recompilation.

Johan van de Merwe

More from same category

	How to turn markdown tables into bootstrap tables within October CMS October CMS 23 Jul 2019 With the non-published October CMS Shortcode Thunder plugin (get it here) it is can't be easier to turn markdown tables into Bootstrap tables
	How to override component partials with October CMS October CMS 01 Aug 2019 Within October CMS it is easy to override partials twig content within a component of a plugin. In this article I will show you how that is done inclu...
	How to add custom fields to static pages in October CMS October CMS 06 Jun 2020 In October CMS the Static Pages plugin from Rainlab lets you add variables to your page layout and use them in every page you create. It reacts even w...
	More highlights and alerts in October CMS blog posts October CMS 23 Jul 2019 A few custom plugins for October CMS to add some highlights and colored alerts to improve your blog content
	Debug October CMS automatic SASS compilation errors October CMS 01 Aug 2019 This article shows quickly where to look when your automatic compilation of October CMS SASS theme files lead to an error and nothing shows up. This c...
	Remove the red modified tags in an ExtJS 4 gridpanel Ext JS 17 Mar 2014 Ext JS places small red tags in the corner of a grid cell, once the cell is modified. Not everybody is fan of that. So let's remove them.
	Tell Sencha CMD and Sencha Architect what Ruby installation to use Ext JS 23 Dec 2013 This article tells you what you can do to tell Sencha CMD where to find Ruby when it tells you it couldn't be found.
	Iterate an ExtJS store, add result to Ajax request Ext JS 17 Mar 2014 This sample shows how an ExtJS store can be iterad and add some of the results as an JSON string to your Ext.Ajax request. Useful if you want to add r...