2017-10-26 5 views
0

내 Angualr4 앱에서 PrimeNG Treeview 컨트롤을 사용하려고합니다. (프로젝트는 Visual Studio 201.Net Core 2.0과 Angular 템플릿을 사용하여 생성되었습니다.) 필요한 CSS 종속성을로드하려고하면 404 오류가 발생합니다. 멋진 글꼴과 PrimeNG가 모두 설치되고 파일 위치가 정확하기 때문에 동일한 파일을 로컬 폴더 (node_modules가 아닌)에 복사 해 보았습니다. 또한PrimeNg + Angular 2/4 - denpendencies를로드 할 수 없습니다.

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

{ test: /\.css$/, loader: ['style-loader', 'css-loader'], include: [/node_modules/] } 

누구나 같은 상황으로 실행 webpack.config.js하는 규칙을 추가하는 시도? PrimeNG 설명서에는 Angular CLI에 대한 지침이 있으며 광산처럼 웹팩 설치가 아닙니다.

미리 감사드립니다. 이 같은

답변

0

보십시오 :

1 단계 :

npm install primeng --save 
npm install --save font-awesome 

2 단계 :

개방

은 웹팩 다음 단계를 사용하여 프로젝트에 primeng 스타일을 추가 style.css 파일을 프로젝트에 저장하십시오. 파일은 다음 위치에 project => src => style.css을 포함합니다. 다음과 같이 primeng 및 font-awesome 스타일을 추가하십시오.

@import '~font-awesome/css/font-awesome.css'; 
@import '~primeng/resources/themes/omega/theme.css'; 
@import '~primeng/resources/primeng.min.css'; 
+0

저는 webpack을 사용하고 있으며 폴더 구조에 style.css가 없습니다. 이 파일들을 참조 할 수있는 다른 곳? boot.server.ts에 추가하려고했지만 운이 없다. –