핸들 바 데모에서 작업 할 때 페이지를 볼 때 스타일 시트가 나타나지 않는 것을 알았습니다. 아래의 코드와 라이브 페이지에 대한 링크를 제공했습니다. 스타일 시트가 작동하지 않는 이유를 아는 사람이 있습니까? 핸들 막대 (javascript)를 사용할 때 내 스타일 시트 페이지가 작동하지 않는 이유는 무엇입니까?
코드
은 여기에 있습니다 : https://github.com/sutri001/DA670/tree/master/week7_handlebars라이브 페이지는 여기에 있습니다 : http://67.205.184.187:1000
귀하의 렌더링 된 페이지 는 당신이 찾고있는 스타일 시트를 참조하는 link 태그를 가지고있다. 스타일 시트에 대한 요청이있을 때 서버가 404를 던지고 있습니다. 사용자의 명시 서버의 코드를 보면
, 나는 당신이 (좋은)을 public 디렉토리에서 staticly 파일을 제공하기 위해 명시 적 이야기하고 볼 수 ...하지만 당신은 public 디렉토리가, 심지어 더 css 디렉토리하지 않습니다 그러한 장소 바깥에 위치합니다.
내 조언은 새로운 public 디렉토리 (그래서 당신은 public/css/style.css을해야합니다)로 css디렉토리를 이동하는입니다. 그렇게하면 문제가 해결됩니다.
또한,이 브라우저, 서버가 아닌 당신의 link 태그를 처리하는 것의 기억! 즉, 브라우저가 현재 http://yoursite/../../css/style.css으로 이동하려합니다. 고맙게도 브라우저가이를 처리하는 방법을 알고 있지만 이것이 원하는 것은 아닙니다.
태그의 href 속성은 브라우저의 관점에서 보면 스타일 시트가있는 곳이기 때문에 /css/style.css으로 설정해야합니다.
나는 당신과 동의합니다. – kebir