문제는 ap-angular2-fullcalendar AOT 문제

Question

내 각도 4 응용 프로그램에 대해 AOT를 할 때 문제가 발생합니다. 여기서 나는 ap-angular2-fullcalendar를 참조합니다.

여기가 롤업-config.js 내 구성되어

**

다음 index.html을 내가 그러나

<link rel="stylesheet" href="node_modules/fullcalendar/dist/fullcalendar.min.css"/> 

<script src="/assets/References/jquery-3.2.1.min.js"></script> 
<script src="/assets/References/jquery-2.2.0.min.js"></script> 
<script src="node_modules/moment/min/moment.min.js"></script> 
<script src="node_modules/fullcalendar/dist/fullcalendar.min.js"></script> 
<script src="/aot/shim.min.js?v=2.1.4"></script> 
<script src="/aot/zone.min.js?v=0.7.4"></script> 
<script>window.module = 'aot';</script> 
<script src="/aot/dist/build.js?v=2017.11.14"></script> 

을 포함했다 **

import rollup  from 'rollup'; 
import nodeResolve from 'rollup-plugin-node-resolve'; 
import commonjs from 'rollup-plugin-commonjs'; 
import uglify  from 'rollup-plugin-uglify'; 
import includePaths from 'rollup-plugin-includepaths'; 

let includePathOptions = { 
    include: { 'core-module/core.module' : 'core-module/core.module.js' }, 
    extensions: ['.js', '.json', '.html'] 
}; 
//paths are relative to the execution path 
export default { 
input: 'app/main-aot.js', 
output : { 
    file: 'aot/dist/build.js', // output a single application bundle 
    format: 'iife' 
}, 
sourcemap: true, 
sourcemapFile: 'aot/dist/build.js.map', 
plugins: [ 
    includePaths(includePathOptions), 
    nodeResolve({jsnext: true, module: true}), 
commonjs({ 
    include: [ 
     'core-module/**', 
     'app/**', 
     'node_modules/rxjs/**', 
     'node_modules/angular2-logger/**', 
     'node_modules/ng2-bs3-modal/**', 
     'node_modules/ng2-cookies/**', 
     'node_modules/ng2-toastr/**', 
     'node_modules/ng2-translate/**', 
     'node_modules/ng2-select/**', 
     'node_modules/jquery/**', 
     'node_modules/moment/**', 
     'node_modules/fullcalendar/**', 
     'node_modules/ap-angular2-fullcalendar/**' 
    ], 
    namedExports: { 
     'node_modules/angular2-logger/core.js': [ 'Logger', 'Options', 'Level' ],    
     'node_modules/ng2-bs3-modal/ng2-bs3-modal.js' : [ 'ModalComponent' ], 
     'node_modules/ng2-cookies/ng2-cookies.js': [ 'Cookie' ], 
     'node_modules/ng2-select/index.js': ['SelectModule', 'SelectComponent'] 
    } 
}), 
uglify() 
] 
} 

, 내 웹 사이트를 탐색 할 때 fullcaledar.js에서 오류가 발생합니다.

캐치되지 않는 형식 오류 : 나는 systemjs.config.js을 사용하고 있습니다로는 작동이

처럼 구성되어, 개발하는 동안

"속성 fullCalendar을 추가 할 수 없습니다, 개체가 확장되지 않습니다"

(function (global) { 
    System.config({ 
     paths: { 
      // paths serve as alias 
      'npm:': 'node_modules/' 
     }, 
     // map tells the System loader where to look for things 
     map: { 
      // our app is within the app folder 
      "app": 'app', 


      'jquery': 'node_modules/jquery/dist/jquery.min.js', 
      'bootstrap': 'node_modules/bootstrap/dist/js/bootstrap.min.js', 
      'moment': 'node_modules/moment', 
      'fullcalendar': 'node_modules/fullcalendar/dist/fullcalendar.js', 
      'ap-angular2-fullcalendar': 'node_modules/ap-angular2-fullcalendar'    
     }, 
     // packages tells the System loader how to load when no filename and/or no extension 
     packages: { 
      "app": { 
       main: './main.js', 
       defaultExtension: 'js' 
      },   
      'fullcalendar': { 
       defaultExtension: 'js' 
      }, 
      'ap-angular2-fullcalendar': { 
       main: 'index.js', 
       defaultExtension: 'js' 
      } 
     } 
    }); 
})(this); 

이 문제를 해결하는 방법에 대해 알고 싶습니다. 전체 일정에 대한 라이센스를 구입할 계획이지만 현재이 종류의 차단제입니다.

Answer 1

내가 볼 수있는 fullcalendar.js는 jquery 라이브러리입니다. Google에서 내 검색에서 얻은 것은 피어 종속성 문제입니다. 동일한 페이지에서 여러 버전의 jquery를 피하십시오. (index.html)