2014-09-25 2 views
0

매우 설명이 잘 안되는 질문에 대해 유감스럽게 생각합니다. 그러나 무엇을 말할 지 모르겠습니다. 정말 미쳐 버렸습니다. 내 컴퓨터에컴파일 할 때 Sass/Compass가 계산을 수행하지 않음

나는 ... 내 package.json는이 라인을 가지고, 꿀꿀-있는 contrib-나침반이 설치되어

"꿀꿀-있는 contrib-나침반": "1.0.1",

내 grunt 파일이 제대로 실행되고 수학 연산을 제외하고 내 SASS를 컴파일하고 있습니다. 내가 Github에게 커밋하고 동료가 그것을 컴파일하면 수학은 작동하지만, 그가 나처럼 설정되어있다. 동일한 설치 파일과 동일한 npm 패키지가 npm install을 통해 설치됩니다.

작동하는 것과 작동하지 않는 것을 테스트하려면 SASS에서 다음 섹션을 설정하십시오. 나는 내가 원했던 라인에 대해 논평했다. 다른 것들은 테스트 케이스 일 뿐이다.

$hSpace: (20px, 24px, 30px, 30px, 40px, 60px); 

.xxx{ 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 10/2 * 1px; 
    padding: nth($hSpace, 3)/2; <---- This one 
    padding: nth($hSpace, 3); 
    padding: 30/2px; 
    padding: 30/2 * 1px; 
} 

내가 깡충 뛰기를 실행할 때 출력됩니다.

.xxx { 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 5px; 
    padding: 30px/2;  <---- Produces this 
    padding: 30px; 
    padding: 30/2px; 
    padding: 15px; 
} 

그리고 내 동료가 툴툴 거리는 소리를내는 모습입니다.

.xxx { 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 5px; 
    padding: 15px;  <---- When it should produce this 
    padding: 30px; 
    padding: 30/2px; 
    padding: 15px; 
} 

설정이 동일하므로 실제로 제 컴파일러가 작동하지 않는 이유를 이해할 수 없습니다.

그냥 추측이라 할지라도 어떤 아이디어라도 정말 고맙겠습니다.

+0

둘 다 동일한 버전의 Sass를 실행하고 있습니까? 이전에 Sass 버전이 나침반 버전과 호환되지 않는 문제가있었습니다. 어떤 이상한 오류가 발생했습니다. – DavidT

+0

http://sassmeister.com/에서 LibSass 또는 Sass (3.4, 3.3 또는 3.2)로이를 재현 할 수 없습니다. 아마도 관련이 있습니다 : http://stackoverflow.com/questions/24552869/sass-do-math-operations-with-variables-containing-px – cimmanon

+0

또한 여기에서 적절한 제목을 찾아야합니다. – cimmanon

답변

1

위 버그에 언급 된 버전 번호를 사용하여이 버그를 재현 할 수 있습니다. 의견에서 제안한대로 버전 번호를 확인하는 것이 좋지만, /2* 0.5으로 변경하면이 문제를 해결할 수 있습니다. 사용중인 패키지 버전이 동료와 같지 않고 지원/분할 코드의 구문에 버그가 있습니다.

$ hSpace : (20px, 24px, 30px, 30px, 40px, 60px);

.xxx{ 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 10/2 * 1px; 
    padding: nth($hSpace, 3)/2; 
    padding: nth($hSpace, 3); 
    padding: 30/2px; 
    padding: 30/2 * 1px; 
} 

은 당신의 동료가 무슨이다

.xxx { 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 5px; 
    padding: 15px; 
    padding: 30px; 
    padding: 30/2px; 
    padding: 15px; 
} 

로 컴파일

.xxx{ 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 10/2 * 1px; 
    padding: nth($hSpace, 3) * 0.5; 
    padding: nth($hSpace, 3); 
    padding: 30/2px; 
    padding: 30/2 * 1px; 
} 

동안

.xxx { 
    padding: 10px; 
    padding: 10px/2; 
    padding: 10/2; 
    padding: 5px; 
    padding: 30px/2; 
    padding: 30px; 
    padding: 30/2px; 
    padding: 15px; 

} 

로 컴파일합니다.

관련 문제