2017-05-22 1 views
1

Meteor로 프로젝트를 완성합니다. free-jqgrid을 사용하고 싶습니다.Meteor (NPM)로 가져 오기 라이브러리 jqGrid

그러나는 내가 제대로이 라이브러리를 가져올 수있는 방법을 모른다 ...

I이었다 시도 :

  • import 'free-jqgrid';
  • import jqGrid from 'free-jqgrid';
  • import 'free-jqgrid/js/jquery.jqgrid.min';
나는이 같은 qGrid 사용 내 코드에서

는 "시작하기"

angular.element('#grid').jqGrid({ 
    colModel: [ 
// ... 

그리고 클라이언트에서이 오류를 얻을 : 아이디어의 Error: angular.element(...).jqGrid is not a function

어떤 종류의? :-)

많은 감사.

+0

더 정확하게 설명해 주시겠습니까? 웹 브라우저의 공개 버전은 모듈의'import'를 지원하지 않습니다. 이제 웹 브라우저의 예비 버전 *에서 몇 가지 테스트를 할 수 있습니다 ([here] (https://jakearchibald.com/2017/es-modules-in-browsers/) 참조). . Systemjs, webpack 또는 JavaScript의 전처리 기처럼 작동하는 다른 제품을 사용한다고 가정합니다. 모듈 매핑을 구성하기 위해 제품 구성을 사용해야합니다. [데모] (http://www.ok-soft-gmbh.com/jqGrid/OK/SystemJs3_4.14.0-jquery-ui1.12.1.htm)는 SystemJ의 사용 예입니다. – Oleg

+0

일반적으로'meteor npm install free-jqgrid'를 사용하여 유성 프로젝트에 npm 패키지를 추가해야합니다. 그런 다음 해당 라이브러리는 앱의'package.json' 파일에 나열됩니다. 그러나이 경우이 패키지는'node_moduels' 폴더에 추가되었지만'package.json' 파일에는 나열되어 있지 않습니다. free-jqgrid에서'import * as jqGrid'를 시도해 볼 수 있습니까? – JamiDer

+0

답장을 보내 주신 @Oleg와 @Sudheer에게 감사드립니다. @Sudheer,이 패키지는 저를 위해서 package.json에 열거되어 있습니다 :' "free-jqgrid": "^ 4.14.0",'. 솔루션에서 변수 jqGrid는 빈 Object입니다. jqGrid 변수는'function require <.node_modules [ "free-jqgrid"]와 동일합니다. js [ "jquery.jqgrid.src.js"]/module "import jqGrid from ' .exports()'. jqGrid를 가져 오는 가장 좋은 방법을 잃어 버렸고'$ ('table') .jqGrid()'...를 사용할 수있는 길을 잃었습니다. '.jqGrid는 함수가 아닙니다 .' 오류없이. :/ –

답변

0

죄송합니다. Meteor를 사용하지 않았습니다. 또한 CommonJS 모듈 대신 requireJs 또는 SystemJs를 사용합니다. free-jqgrid가 현재 CommonJS 모듈로서 사용상의 문제점을 가지고있을 수 있습니다.

그럼에도 불구하고 Meteor 환경을 설치하고 테스트를 수행했습니다. 결과적으로 다음 해결 방법을 제안 할 수 있습니다. 당신이있는 jqGrid의 최소화되지 않은 소스를 사용하는 것을 선호하는 경우 직접

import jqGrid from 'free-jqgrid'; 

후 또는

import jqGrid from 'free-jqgrid/js/jquery.jqgrid.src'; 

후 라인

jqGrid(window,$); 

를 삽입 할 수 있습니다.

import 'free-jqgrid/css/ui.jqgrid.min.css'; 

은 또한 당신이 jQuery를 UI CSS, 글꼴 굉장하고 무료있는 jqGrid 를로드하는 데 고려할 수 :

당신은/너무의 jQuery UI의 CSS 또는 부트 스트랩 CSS 및 가져올 무료-있는 jqGrid CSS를 포함 가져 잊지 말아야 CDN. 자세한 내용은 herehere을 참조하십시오.

관련 문제