덜 가져 오기가 작동하지 않습니다.

Question

@import를 사용하는 데 문제가 있습니다. 나는 지금까지처럼 보이는 style.less 파일이 : 제가 적은 코드를 컴파일 할 때

/* 
* Screen-Cuts.Com Styles 
* 
*/ 


/* Mixins 
======================================== */ 

@import "grid.less"; 

/* Main Page Styles 
======================================== */ 

body { 
} 

header { 
    h1 { 
     font-family: 'Exo', san-serif; 
     margin: 0 auto; 
     font-size: 2.25em 
    } 
    nav[role="navigation"] { 
     font-family: 'Lato', sans-serif; 
     font-size: 1.25em; 

     ul { 
      list-style: none; 

      li { 
       float: left; 
      } 
     } 
    }   
} 

은, 그러나, @import 작동하지 않는 것, 그리고 나는 어떤 오류를 컴파일 받고 있지 않다. 내가 grid.less에 정의 된 유지 mixin을 사용하려고 할 때

/* 
* Screen-Cuts.Com Styles 
* 
*/ 
/* Variables 
======================================== */ 
/* Mixins 
======================================== */ 
/* Main Page Styles 
======================================== */ 
header h1 { 
    font-family: 'Exo', san-serif; 
    margin: 0 auto; 
    font-size: 2.25em; 
} 
header nav[role="navigation"] { 
    font-family: 'Lato', sans-serif; 
    font-size: 1.25em; 
} 
header nav[role="navigation"] ul { 
    list-style: none; 
} 
header nav[role="navigation"] ul li { 
    float: left; 
} 

은 또한, 나는 믹스 인이 정의되지 않은 것을 말하는 컴파일 타임 오류가 발생합니다 : 여기에 출력됩니다. 누구든지 나를 도울 수 있습니까? 나는 바보 같은 실수를하고 있다고 확신하지만 꽤 많이 둘러 보았고 단서를 찾을 수 없었다.

Answer 1

여기에서 문제가 해결되었습니다. grid.less 파일에 컴파일 오류가 있습니다. 그 오류를 수정하면 파일을 가져 왔습니다.