2017-11-14 10 views
0

Meteor에서 스타일 시트 및 js 파일을로드하려고합니다. index.html 파일이 있습니다. 이것은 내가 처음에 무엇을하고 있었는지입니다 : Meteor가 외부 CSS 및 JS 파일을로드하지 않습니다.

<link href="assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/css/animate.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css"/> 

는 스타일 시트 파일과 스크립트 파일을 많이 있었다. 이것은 잘 작동하지만, 'localhost : 3000/manage-user/add'와 같은 URL을 작성하면 모든 것이 작동하지 않습니다. 나는 그들이 lib 폴더를 만들고이 폴더에서 cssjs 폴더를 만들 필요가 있다고 언급했지만 필자의 파일, 특히 'style.css'파일은 부트 스트랩과 모든 스타일을 오버라이드합니다.

+0

과 같이 가져 오려고하면 프로젝트 폴더 및 파일 구조가 사용자의 상황을 이해하는 데 도움이됩니다. – ghybs

답변

0

assets 폴더가/public 폴더 내에 있어야합니다. 그런 다음 /를 href 값의 시작 부분에 추가하십시오.

<link href="/assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
<link href="/assets/css/animate.min.css" rel="stylesheet" type="text/css"/> 
<link href="/assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css"/> 
+0

그들은 이미 'public'폴더에 있습니다. 이 방법은 정상적으로 작동하지만 자동으로 포함시키는 방법이 필요합니다. 모두가 내 css 파일을 'client/lib/css'폴더에 넣으면 유성은 자동으로 포함되지만 그럴 수는 없다고 제안했습니다. – alina

0

URL은 절대적이며 상대적인 수 있습니다.

절대 값은 프로토콜 값 (http : //, https : //, ftp : // etc)과 도메인 이름, 포트, 경로 및 쿼리 부분에서 시작해야합니다. 슬래시 또는 다른 문자로 시작될 수 있습니다.

URL이 슬래시에서 시작되면 그 값은 도메인의 루트와 관련이 있다고 가정합니다.

URL이 다른 문자에서 시작된 경우 값은 현재 URL (또는 태그의 값)과 관련이 있습니다.

어쨌든 값 localhost:3000/manage-user/add 브라우저의 의미 : "현재 페이지의 URL을 가져 와서이 값을 끝에 추가하십시오." 파일을 http://localhost:3000/localhost:3000/manage-user/add

+0

예, 이것이 정확하게 문제입니다. 추가 URL없이 직접 URL 만 사용하면 모든 것이 올바르게 작동하지만 적절한 URL이 필요합니다. 그게 내가 'client/lib/css'와 'client/lib/js'폴더로 파일을 옮겨서 자동으로 포함 시키려고하는 이유이다.하지만 그런 일은 일어나지 않는다. – alina