2016-08-14 4 views
1

Sass와 함께 Express 응용 프로그램을 구축하고 있으며 .scss 및 .css 파일을 마지막으로 컴파일 한 이후로 내 프로젝트를 변경하지 않았습니다.Sass가 Express 응용 프로그램에서 .scss 파일을 볼 수없는 이유는 무엇입니까?

명령 :

sass sass/style.scss style.css 

내가 내 프로젝트에 근무 마지막 작업 이었지만, 오늘은이 오류 받고 있어요 : 다시

Errno::ENOENT: No such file or directory @ rb_sysopen - sass/style.scss 
    Use --trace for backtrace. 

을, 나는 새로운 변화를하지했습니다 이것은 마지막으로 작동했기 때문에 이전의 git 커밋으로 되돌아갔습니다.

var sassMiddleware = require('node-sass-middleware'); 

을이 : 내 app.js에서

, 나는 node-sass-middleware는 다음과 같이 구성되어

app.use(sassMiddleware({ 
    src: path.join(__dirname, 'public/stylesheets/sass'), 
    dest: path.join(__dirname, 'public/stylesheets'), 
    debug: true, 
    indentedSyntax: true, 
    outputStyle: 'compressed', 
    prefix: '/stylesheets' 
})); 
app.use(express.static(path.join(__dirname, 'public'))); 

My-Website/publicpublic 파일 구조는 다음과 같습니다

├── public 
    └── stylesheets 
     ├── sass 
      └── style.scss 
     ├── style.css 
     └── style.css.map 

또한 내 layout.hbs 내에있는 파일

<link rel='stylesheet' href='/stylesheets/style.css' /> 

을 무슨 일이야 :폴더 (I 익스프레스에 대한 핸들의 템플릿 언어를 사용하고 있습니다), 내 머리에이 링크가?

+0

'sass/style.scss'가 아닌'stylesheets/sass/style.scss'가 보이게됩니다. – MayorMonty

+0

동일한 오류가 발생합니다. 그리고이 질문에 대한 답변을 기반으로 : http://stackoverflow.com/questions/30654312/why-node-sass-middleware-is-not-working, 나는 Sass가 컴파일 된'style .scss'를 My-Website/public/stylesheets (미들웨어 설정의'dest ')에 추가합니다. – Alya

+0

'sass'와'node-sass-middleware' 명령은'sass' 명령을 사용하여 시트를 컴파일합니다. 포스트의 시작 부분에서'sass' 명령이 작동하지 않는 것을 참조한 다음 익스프레스 스크립트로 전환합니다. 이것은 또한 작동하지 않는다고 가정합니다. 현재 작업 디렉토리를 확인하고 첫 번째 명령을 실행할 때'public/stylesheets /'인지 확인하십시오. – MayorMonty

답변

0

sass 명령을 사용하여 시트를 컴파일하는 sass 및 node-sass-middleware 명령은 여기에서 여러 구성 요소를 사용합니다. 게시물의 시작 부분에서 sass 명령이 작동하지 않는 것을 참조한 다음 명시 적 스크립트로 전환합니다.이 스크립트는 작동하지 않는다고 가정합니다. 현재 작업 디렉토리를 확인하고 첫 번째 명령을 실행할 때 public/stylesheets /인지 확인하십시오.

관련 문제