2014-06-30 3 views
2

Web Essentials를 사용하여 Web 용 Visual Studio Express 2013에서 Sass를 사용하려고합니다. 가장 기본적인 scss 파일을 포함 시키면 컴파일 오류가 발생합니다.Visual Studio Express 2013 Web Essentials에서 SCSS 컴파일 오류가 발생했습니다.

$font-stack: Helvetica, sans-serif; 
$primary-color: #333; 

body { 
    font: 100% $font-stack; 
    color: $primary-color; 
} 

내가 점점 오전 오류는 다음과 같습니다 :
컴파일 오류가 발생 (에러 위치로 이동합니다 오류 목록 참조) 오류가 발견

그러나, 오류가 여기 내 샘플 파일입니다 Visual Studio의 오류 목록은 비어 있으며 추가 정보없이 1 행 1 열만 표시됩니다. 또한 scss 파일에서 무엇을 가지고 있어도 중요하지 않으며 body 태그 만 열고 대괄호로 묶어서도 동일한 오류가 발생합니다.

은 VS 버전은 다음과 같습니다 어떤 도움이 정말 감사하겠습니다 2.2

웹 요점 12.0.30501.00. 감사!

답변

0

필자의 경우 .scss 파일에 .scss 파일이 포함되어있어서이 파일이 node-sass 디렉토리 구조에서 너무 깊어서 처리하지 못했기 때문입니다. 나는 파일이 웹 필수 디버깅이었다 실제 오류 출력 볼 node-sass에 대한 호출을 납치하여 문제의 원인이 된 절연 : 두 번째 파일을 포함하는 경로에 붙이는 ./

D:\Path\Assets\Areas\Area\/Section/section.scss:1: error: file to import not found or unreadable: '../../../Shared/Mixins/buttons.scss' 

를 내 경우에는 문제를 해결 , 내가 결국 우연히 만났던 this issue. 예 :

@include './../../../Shared/Mixins/buttons.scss'; 
1

Sass + Web Essentials는 파일의 이름을 바꿀 수 없으므로 컴파일 오류가 발생하기 시작합니다. 이름을 변경하지 않았는지 확인하십시오. 또는 파일 내용을 복사하고 삭제하고 이전 내용으로 새 파일을 만들 수 있습니다. 모든 게 잘 될거야.

체크 인 소스 코드가 읽기 전용 상태이고 Saas 컴파일러가 자동으로 체크 아웃 할 수없는 다른 이유는 파일을 자동으로 처리 할 수 ​​없으므로 * .scss가있는 폴더에서 readonly 플래그를 선택 취소하거나 편집을 위해 체크 아웃해야합니다. TFS 출신입니다.

오늘 나는 또 다른 이유를 발견했습니다. 여기에서 제거 할 수 있습니다 - C : \ Users \ % Username % \ AppData \ Local \ Temp \

+0

이것은 도움이되었습니다. 나는 기존 css 파일의 이름을 SCSS로 변경하여 오류가 발생했습니다. 이제는 새로운 SCSS 파일을 작성하여 CSS를 손상시키지 않고 모든 것이 올바르게 작동하고 기존 CSS도 대체했습니다. – mythicalcoder