Primeng 스타일이 Angular 4에서 작동하지 않습니다.

Angular 4 코드에 PrimeNg 구성 요소를 사용하려고합니다. 모듈을 올바르게 가져 오지만 스타일이 적용되지 않습니다.Primeng 스타일이 Angular 4에서 작동하지 않습니다.

브라우저 콘솔에 404 error이 표시됩니다.

저는 angular-cli를 사용하여 프로젝트 상용구를 가져 왔습니다. 나는이 같은 각도-cli.json에서 "스타일"속성에 stylsheet 참조를 추가 한

<link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css" /> 
<link href="/node_modules/primeng/resources/themes/omega/theme.css" /> 
<link href="/node_modules/primeng/resources/primeng.min.css" />

내가 이렇게 된 index.html에 링크 태그를 사용하여 스타일을 포함했다

"styles": [ 
    "styles.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/primeng/resources/primeng.min.css" 
    ],

NPM을 통해 필요한 패키지를 다운로드하여 package.json 파일에 통합했습니다.

출처

2017-09-23 Arjun Panicker

angular-cli.json의 pathes가 맞습니까? –

cli에 지정한 경로가 모두 css 파일에 있는지 확인 하시겠습니까? –

프로젝트에서 webpack을 사용하고 있습니까? 귀하의 프로젝트에서 사용되는 primeng 버전을 알고있을 수 있습니까? – Chandru

가능한 해결책을 제시해 주셔서 감사합니다.

실수로 해결책을 찾았습니다.

나는 Angular 4의 초보자이므로 npm을 통해 새 패키지를 설치 한 후에 서버를 다시 시작해야한다는 것을 모릅니다.

웹팩을 다시 시작하면 응용 프로그램이 정상적으로 작동하고 PrimeNg도 정상적으로 작동합니다.

출처

2017-09-25 04:40:02

Primeng 스타일이 Angular 4에서 작동하지 않습니다.

답변

관련 문제