index.html 로컬 CSS를로드하지 않음

최근에 AngularCLI를 사용하기 시작했습니다. 모든 파일을 Angular2에서 AngularCLI 프로젝트로 전송했습니다.index.html 로컬 CSS를로드하지 않음

하지만 일부 로컬 CSS 파일을로드하지 않고 다른 CSS 파일을로드 중입니까?

현재 디렉토리는 다음과 같습니다

-src 
--index 
--styles.css 
--app 
---angular2-fullcalendar 
----fullcalendar.min.css

index.html을

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Cudyangularcli</title> 
    <base href="/"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    <link rel="stylesheet" type="text/css" href="../src/app/angular2-fullcalendar/fullcalendar.min.css" > 
</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html>

오류는 다음과 같습니다

출처

2017-05-23 User1911

angular-cli 추가 정보 : "angular-cli.json의 apps [0] .styles 속성을 통해 더 많은 전역 스타일을 추가 할 수 있습니다." https://www.npmjs.com/package/angular-cli#global-styles – n00dl3

경로가 잘못되었다고 생각합니다. 앱을 실행하면 앱 루트가'src' 폴더로 설정됩니다.이 경우에는 '/ app/... '로 리다이렉트한다. – hakany

@ hakany 시도. 여전히 같은 오류. – User1911

당신이에 CSS 파일을 추가 할 수 angular-cli.json 파일을 사용해야하기 때문에 그것은,로드 아니에요 프로젝트가 아니라 index.html입니다. angular-cli-json 때문에, 단순히 개방 할과 styles에 CSS 파일을 추가하려면 :

"styles": [ 
     "styles.css", 
     "another-styles.css" 
]

출처

2017-05-23 08:29:40 Haseoh

styles.css가 이미 안에 있었는데 여전히 오류가 표시되었습니다. – User1911

'index.html'에서 CSS 링크를 삭제하고 특정 .css 파일의 경로가 올바른지 확인하십시오. – Haseoh

그것을 얻었습니다! 감사. – User1911

디렉토리 src/assets/css를 만들고 src/assets/css에 파일 fullcalendar.min.css을 넣어.

"apps": [{"assets": ["assets"] ...} ...]

나는 다음을 사용 디렉토리 구조 :와 그것에

포인트 : .angular-cli.json에 명시된 바와 같이

<link rel="stylesheet" type="text/css" href="assets/css/fullcalendar.min.css">

각-CLI 빌드 명령은 디렉토리 assets 및 dist/assets에 그 내용을 복사합니다

을

src/assets/css 
src/assets/js 
src/assets/icons 
...

@Haseoh가 언급 한대로 "apps": [{"styles": ["angular2-fullcalendar/fullcalendar.min.css"] ...} ...]을 .angular-cli.json으로 설정하십시오.

assets은 CSS 파일을 그대로 dist 디렉토리에 복사합니다. styles은 css 파일의 내용을 styles.bundle.js 파일로 묶습니다.

출처

2017-05-23 08:39:45 wolfrevo

기본적으로 styles.css의 경로는 angular-cli.json에 지정되어 있으므로 index.html을 호출 할 필요가 없습니다. 자동으로로드됩니다."styles": [ "styles.css",]. 다른 CSS 파일이있는 경우 여기에서 지정하십시오. 경로를 href = "../ path"로 추가하십시오.

출처

2017-09-27 06:23:47 Anusha

index.html 로컬 CSS를로드하지 않음

답변

관련 문제