2015-01-10 2 views
0

각도 포장기 생성기를 사용하여 내 응용 프로그램을 스캐 폴딩했습니다. CSS를 2 개의 특정 폴더에 더 이상 연결하지 않아서 깨 웠습니다. Chrome 콘솔을 확인하면 내 css 파일 중 하나가 실제로 제대로 연결되지 않았지만 직접 문제를 해결할 수 없었습니다.CSS가 더 이상 특정 폴더에 연결되지 않습니다

편집 : 내 문제는 index.html에서 비롯된 것 같습니다. 내 CSS의 일부를 얻을 수 있었기 때문입니다. 여기있다 : 주/main.html 어느 파일을 호출하지에도 불구하고 제대로 layout.css을 사용했기 때문에 지금 왜 작동하는지 이해가 안

<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<base href="/"> 
<title></title> 
<meta name="description" content=""> 
<meta name="viewport" content="width=device-width"> 
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 
<!-- build:css(client) app/vendor.css --> 
    <!-- bower:css --> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 

    <!-- endbower --> 
<!-- endbuild --> 
<!-- build:css({.tmp,client}) app/app.css --> 
<link rel="stylesheet" href="app/app.css"> 
    <!-- injector:css --> 
    <link rel="stylesheet" href="app/account/account.css"> 
    <link rel="stylesheet" href="app/admin/admin.css"> 
    <link rel="stylesheet" href="app/app.css"> 
    <link rel="stylesheet" href="app/main/main.css"> 
    <link rel="stylesheet" href="bower_components/superhero/css/compiled/layout.css"> 
    <link rel="stylesheet" href="bower_components/superhero/css/compiled/elements.css"> 
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css"> 
    <link rel="stylesheet" href="bower_components/superhero/css/libs/font-awesome.css"> 
    <link rel="stylesheet" href="app/work/work.css"> 
    <!-- endinjector --> 
<!-- endbuild --> 

. 어쨌든, 글꼴을 연결하지 않은 나는 그 (것)들을 진짜로 바르게 칭하기 위하여 확실하다.

every html file from account and admin folders are unstyled except what is declared in account.css. If I copy the missing CSS in this file, everything is back to normal.

계정과 관리자 폴더에서 모든 HTML 파일 편집

이 /// 끝 account.css에 선언 된 것을 제외하고는 스타일이 적용되지 않은 있습니다. 누락 된 CSS를이 파일에 복사하면 모든 것이 정상으로 돌아갑니다.

나에게 가장 이상한 사실은 모든 계정/* .html 파일이 components/navbar/navbar.html을 호출하여 올바르게 인쇄되지 않으며 다른 포함에서 제대로 작동한다는 것입니다.

이러한 폴더의 특수성은 account.js와 admin.js가 있으며 고유 한 stateprovider를 포함한다는 것입니다.

angular.module('yoyo') 
    .config(function ($stateProvider) { 
    $stateProvider 
    .state('login', { 
    url: '/login', 
    templateUrl: 'app/account/login/login.html', 
    controller: 'LoginCtrl' 
    }) 
    .state('signup', { 
    url: '/signup', 
    templateUrl: 'app/account/signup/signup.html', 
    controller: 'SignupCtrl' 
    }) 
    .... 

어쨌든 다른 모든 상태가 포함 된 work.js에 코드를 넣으면 작동하지 않습니다. 모든 코드를 앱 폴더로 가져갈 수도 없습니다.

마지막으로 제 CSS를 index.html 파일에 연결하지 못하게하므로 생성기를 이해하는 데 많은 어려움을 겪습니다. 또는 내가 제공 한 경로를 다시 작성하려고 시도합니다. 내가 아는 전부는 내가 믿을만한 관련 코드를 밀지 않고 어제 작업 중이라는 것과 그 메인 폴더에는 계정 폴더에있는 모든 HTML 파일과 정확히 동일한 CSS가 들어 있다는 것입니다.

감사합니다.

답변

1

문제는 상대 경로에 있으므로 처음에는 절대 슬래시를 사용하십시오.

<link rel="stylesheet" href="/app/app.css"> 
          ^^ 
etc. 
관련 문제