2016-08-21 1 views
0

akveo 에 의해 ng-admin을 사용하여 프로젝트를 시작했습니다. PrimeNG 웹 사이트에서는 Calendar 구성 요소를 사용하기 위해 jQuery와 datetimepicker 및 jQuery datepicker를 추가해야한다고 지정합니다. 나는 npm을 jquery-ui-save로 설치했고 파일을 설치했다. 그러나 나는 webpack 파일에 참조를 추가하고 올바르게 참조하는 방법에 관해서는 단서가 없다. 감사합니다.Angular2, PrimeNG, Calendar, jQuery, webpack datepicker가 함수가 아닙니다.

답변

0

예, 전역 컨텍스트에서 서로를 실행하고 의존하기 때문에 jQueryUi 및 jQuery 'broken modules'과 같은 라이브러리를 호출합니다. 이러한 종류의 모듈을 shim하기위한 몇 가지 다른 방법이 있습니다.

Here is a list of different options (솔루션 캠은 라이브러리마다 다릅니다). 나는 ProvidePlugin을 사용하거나 별칭과 외관을 사용하는 것을 좋아합니다.

+0

나는 완벽한 멍청한 놈입니다. 그 과정을 설명 할 수 있습니까? 나는 이해하려고 노력했지만 webpack은 이해하기 어렵습니다. 나는 jQuery를 node_module로 설치했다. 나는이 줄들을 new webpack.ProvidePlugin ({ jQuery : 'jquery', 'Tether': 'tether', 'window.Tether': 'tether' }), 내 webpack.common.js에 넣었습니다. 이 행들이하는 일을 이해하지 못하지만, 제공 한 링크의 설정과 유사합니다. 그런 다음 jquery datepicker 스크립트를 내 angular2 앱에 포함시키는 방법은 무엇입니까? –

0

webpack을 사용하지 않고 동일한 오류 메시지가 표시되었습니다. 이 특정 메시지에 대한 해결책은 사실 jQuery BEFORE primeng을 선언/포함시키는 것입니다. 그래서 방금 html 태그를 jQuery를 내 페이지에 추가하고 위로 이동했습니다.

webpack을 사용하는 방법을 모르지만 선언 순서가있는 경우 primen 전에 jQuery (또는 subscript datepicker 및 datetimepicker)를 선언하십시오.