Search code examples
node.jswordpresssassgulp

Understrap - sass compile error

I want to compile theme .scss file. So, according to docs I went to

wp-content\themes\understrap\sass\theme

directory. I opened _theme.scss file. I made changes, save and... I got bunch of errors. First and main I think is 

{ [Error: sass\theme.scss
Error: It's not clear which file to import for '@import     "theme/theme_variables"'.
       Candidates:
     theme/_theme_variables.scss
     theme/_theme_variables.css
   Please delete or rename all but one of these files.
    on line 1 of sass/theme.scss
>> @import "theme/theme_variables";  // <--------- Add your variables into     this
   ^
]
  status: 1,
  file: 'C:/xampp/htdocs/under/wp-    content/themes/understrap/sass/theme.scss',
  line: 1,
  column: 1,

I tried to install node-sass 3.4.1 - didn't help. What I'm doing wrong? Anyone have similar issue?

Solution

  • Its because the files has the same name but different extension it cant recognize witch to import.

    Change

    @import "theme/theme_variables"

    to 

    @import     "theme/theme_variables.scss"

    or for both // not sure if it will work

    @import     "theme/theme_variables.scss"
@import     "theme/theme_variables.css"