2016-11-11 5 views
0

angular2에 대한 kendo-ui 차트를 가져 오는 데 문제가 있습니다.
내가 설치 한 검도 - 각도 - 차트 0.8.2
표시되는 오류 메시지는 다음과 같습니다kendo ui angular2 차트에서 예기치 않은 토큰 오류가 발생했습니다

(index):30 Error: SyntaxError: Unexpected token <(…) 

내 app.module.ts :

@NgModule({ 
    declarations: [ 
     AppComponent, 
     HomeComponent, 
     AboutComponent, 
     NavBarComponent, 
     LoginComponent, 
     UserToolComponent, 
     ResultStatsComponent, 
    ], 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     HttpModule, 
     JsonpModule, 
     routing, 
     ButtonsModule, 
     LayoutModule, 
     GridModule, 
     AccordionModule, 
     ChartsModule 

내가 수입을 떠날 때 : Chartsmodule 웹 사이트는 정상적으로 작동합니다. 이 날 도울 수

(function(global) { 
 
    var paths = { 
 
     'npm:': '/node_modules/' 
 
    }; 
 

 
    var map = { 
 
     'app': 'app', 
 
     'ng2-bootstrap/ng2-bootstrap': 'node_modules/ng2-bootstrap/bundles/ng2-bootstrap.umd.js', 
 
     "ng2-accordion": "node_modules/ng2-accordion", 
 
     '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
 
     '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
 
     '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
 
     '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
 
     '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
 
     '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
 
     '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
 
     '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
 
     '@progress/kendo-angular-buttons': 'npm:@progress/kendo-angular-buttons', 
 
     '@progress/kendo-angular-grid': 'npm:@progress/kendo-angular-grid', 
 
     '@progress/kendo-angular-intl': 'npm:@progress/kendo-angular-intl', 
 
     '@progress/kendo-angular-layout': 'npm:@progress/kendo-angular-layout', 
 
     '@progress/kendo-data-query': 'npm:@progress/kendo-data-query', 
 
     //from here is new 
 
     '@progress/kendo-angular-buttons': 'npm:@progress/kendo-angular-buttons', 
 
     '@progress/kendo-angular-charts': 'npm:@progress/kendo-angular-charts', 
 
     '@progress/kendo-charts': 'npm:@progress/kendo-charts', 
 
     '@progress/kendo-angular-popup': 'npm:@progress/kendo-angular-popup', 
 
     '@progress/kendo-angular-resize-sensor': 'npm:@progress/kendo-angular-resize-sensor', 
 
     '@progress/kendo-angular-intl': 'npm:@progress/kendo-angular-intl', 
 
     '@progress/kendo-popup-common': 'npm:@progress/kendo-popup-common', 
 
     '@progress/kendo-drawing': 'npm:@progress/kendo-drawing', 
 
     '@telerik/kendo-intl': 'npm:@telerik/kendo-intl', 
 
     '@telerik/kendo-draggable': 'npm:@telerik/kendo-draggable', 
 
     'rxjs': 'npm:rxjs' 
 
    }; 
 

 
    // packages tells the System loader how to load when no filename and/or no extension 
 
    var packages = { 
 
     
 
     "ng2-accordion": { "main": "index.js", "defaultExtension": "js" 
 
     }, 
 
     'npm:@progress/kendo-angular-buttons': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     'npm:@progress/kendo-angular-grid': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     'npm:@progress/kendo-data-query': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     'npm:@progress/kendo-angular-intl': { 
 
      defaultExtension: 'js', 
 
      main: "./dist/npm/js/main.js" 
 
     }, 
 
     'npm:@telerik/kendo-intl': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     app: { main: 'main.js', defaultExtension: 'js' }, 
 
     rxjs: { defaultExtension: 'js' }, 
 
     'npm:@progress/kendo-angular-layout': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     //new from here 
 
     'npm:@progress/kendo-angular-buttons': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     'npm:@progress/kendo-angular-charts': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     'npm:@progress/kendo-angular-resize-sensor': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     'npm:@progress/kendo-charts': { 
 
      main: './dist/npm/js/main.js', 
 
      defaultExtension: 'js' 
 
     }, 
 
     '@progress/kendo-angular-popup': { 
 
      defaultExtension: 'js', 
 
      main: "./dist/npm/js/main.js" 
 
     }, 
 
     '@progress/kendo-popup-common': { 
 
      defaultExtension: 'js', 
 
      main: "./dist/npm/js/main.js" 
 
     }, 
 
     '@progress/kendo-drawing': { 
 
      defaultExtension: 'js', 
 
      main: "./dist/npm/js/main.js" 
 
     }, 
 
     '@telerik/kendo-draggable': { 
 
      defaultExtension: 'js', 
 
      main: "./dist/npm/js/main.js" 
 
     } 
 
    }; 
 

 
    var config = { 
 
     paths: paths, 
 
     map: map, 
 
     packages: packages 
 
    }; 
 

 
    System.config(config); 
 
})(this);

누구 :

이 같은 설정 내 system.config.js 있나요? 어떻게 이런 오류를 디버깅 할 수 있습니까?

Error: SyntaxError: Unexpected token < 
     at eval (<anonymous>) 
     at Object.81 (http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/canvas/path-node.js:330:19) 
     at __webpack_require__ (http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/canvas/path-node.js:21:30) 
     at Object.75 (http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/canvas/path-node.js:116:18) 
    Evaluating http://localhost:3000/node_modules/[email protected] 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/canvas/path-node.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/canvas/arc-node.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/canvas.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/drawing.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-drawing/dist/npm/js/main.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-charts/dist/npm/js/core/box.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-charts/dist/npm/js/core.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-charts/dist/npm/js/main.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-angular-charts/dist/npm/js/chart/chart-auto-theme.component.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-angular-charts/dist/npm/js/chart.directives.js 
    Evaluating http://localhost:3000/node_modules/@progress/kendo-angular-charts/dist/npm/js/main.js 
    Evaluating http://localhost:3000/app/app.module.js 
    Evaluating http://localhost:3000/app/main.js 
    Error loading http://localhost:3000/app/main.js 

감사합니다, 내 경우

답변

1

는 채도가-JS로드되지 함께 할 수 있었다 :

좀 더 디버깅 후 .......이 내가 보는 오류입니다.

은 system.config.js이 추가 :

'chroma-js':'npm:[email protected]', 

과 패키지 :

지도

'npm:chroma-js': { 
      defaultExtension: 'js', 
      main: "./chroma.js" 
     }, 

이이 내 문제를 해결 추가 한 후.

데모 웹 사이트의 대저택을 보면 위에서 설명한 것처럼 채도가 추가 된 것을 볼 수 없습니다. 왜 그들이 이것을 할 필요가 없는지 나는 모른다.