각 cli, PrimeNG 및 angular-cli

도움이 될 수 있습니까? Angi-cli로 만든 Angular 응용 프로그램에서 PrimeNG를 사용하려고합니다. 새 응용 프로그램 (CLI로 생성)에 PrimeNG를 설치했지만 스타일이 작동하지 않습니다. 내가 필요로하는 PrimeNG 웹 사이트 상태는 나는 그것을 시도하고 지금은 여전히 행운을 각-cli.json 파일 스타일 배열에 다음을 추가하고 시도 내 Index.html을에각 cli, PrimeNG 및 angular-cli

href="../node_modules/primeng/resources/themes/omega/theme.css" 
href="/node_modules/primeng/resources/primeng.min.css" 
href="./assets/font-awesome-4.7.0/css/font-awesome.min.css"

참고 다음을 추가합니다.

"styles": [ 
     "styles.css", 
     "../node_modules/primeng/resources/themes/omega/theme.css", 
     "../node_modules/primeng/resources/primeng.min.css", 
     "./assets/font-awesome-4.7.0/css/font-awesome.min.css" 
     ]

누군가 도와주세요.

미리 감사드립니다.

출처

2016-11-17 David

누군가이 문제가있는 경우 여기에 내가이 작업을 수행하는 데 마침내 사용 된 단계가 있습니다. 먼저. 'angular-cli'로 새로운 프로젝트를 만듭니다. 둘째 : 새 응용 프로그램의 루트로 가서 PrimeNG를 설치하고 $ npm install primeng --save를 실행하십시오. 셋째 : 프로젝트의 'angular-cli.json'파일에서 스타일 : [] 배열에 스타일 경로를 추가하십시오. Fith : 프로젝트에 font-awesome 설치 (필수) $ npm install font-awesome --save. 그것은 나를 위해 일했습니다. – David

프로젝트 폴더에는 styles.css라는 폴더가 있으며이 폴더를 시도해보십시오.

/* You can add global styles to this file, and also import other style files */ 
@import url('../node_modules/primeng/resources/themes/omega/theme.css'); 
@import url('../node_modules/primeng/resources/primeng.min.css'); 
@import url('../node_modules/font-awesome/css/font-awesome.min.css'); 
@import url('../node_modules/bootstrap/dist/css/bootstrap.min.css');

출처

2016-11-29 11:43:06

경로와 파일을 확인해야합니다.이 설정은 구형 일 수 있습니다. 예를 들어, primeNG is delivered은 omega/theme.scss이고 css는 아닙니다. 이 파일은 node_modules 디렉토리에 존재하지 않을 수 있습니다.

내 각-CLI에서 다음 설정을 사용했는데 그냥 잘 작동하는 것 같다 :

"styles": [ 
    "styles.css", 
    "../node_modules/primeng/resources/primeng.css" 
    ]

참고 각-CLI (베타-30) <style> 태그 이러한 파일의 내용을 첨부 할 것.

또한 지난 며칠 동안 (primeNG 구성 요소가있는 각도 cli 프로젝트) 비슷하게 만들었습니다. - 내 (아직 공사중 인) demo repository을 사용해보세요. 스타일에 primeUI를 사용하지만 도움이 될 수 있습니다. 이 프로젝트에서 angular-cli.json을 살펴볼 수 있습니다.

출처

2017-02-06 10:22:44

각 cli, PrimeNG 및 angular-cli

답변

관련 문제