Uncaught ReferenceError: System is not defined

[christophechevalier]

Hi @seveves !!

Do you know this error?

I try to use the wrapper but I don't know if this is compatible to my app.

package.json :

  "dependencies": {
    "@angular/animations": "4.1.2",
    "@angular/common": "4.1.2",
    "@angular/compiler": "4.1.2",
    "@angular/core": "4.1.2",
    "@angular/flex-layout": "2.0.0-beta.8",
    "@angular/forms": "4.1.2",
    "@angular/http": "4.1.2",
    "@angular/material": "2.0.0-beta.3",
    "@angular/platform-browser": "4.1.2",
    "@angular/platform-browser-dynamic": "4.1.2",
    "@angular/router": "4.1.2",
    "@ngrx/core": "1.2.0",
    "@ngrx/effects": "2.0.3",
    "@ngrx/store": "2.2.2",
    "@ngrx/store-devtools": "3.2.4",
    "angular2-notifications": "0.7.3",
    "angular2-prettyjson": "2.0.5",
    "angular2-useful-swiper": "4.0.4",
    "core-js": "2.4.1",
    "hammerjs": "2.0.8",
    "jdenticon": "1.4.0",
    "js-md5": "0.4.2",
    "lodash": "4.17.4",
    "markdown-to-html-pipe": "1.2.0",
    "material-design-icons-iconfont": "3.0.3",
    "ng2-translate": "5.0.0",
    "ng2-vis": "0.0.6",
    "ngrx-store-freeze": "0.1.9",
    "ngx-pipes": "1.5.10",
    "rxjs": "5.4.0",
    "swiper": "3.4.2",
    "ts-helpers": "1.1.2",
    "zone.js": "0.8.10"
  },
  "devDependencies": {
    "@angular/cli": "1.0.3",
    "@angular/compiler-cli": "4.1.2",
    "@types/jasmine": "2.5.45",
    "@types/jest": "19.2.3",
    "@types/lodash": "4.14.64",
    "@types/node": "7.0.18",
    "codelyzer": "2.0.1",
    "jasmine-core": "2.6.1",
    "jasmine-spec-reporter": "4.1.0",
    "jest": "20.0.1",
    "jest-preset-angular": "2.0.2",
    "protractor": "5.1.1",
    "ts-node": "3.0.4",
    "tslint": "4.5.1",
    "typescript": "2.2.2"
  },

angular-cli.json :

      "scripts": [
...
        "../node_modules/ng2-vis/bundles/ng2-vis.min.js"
      ],

myComponent.ts l:

import {
  VisNode,
  VisNodes,
  VisEdges,
  VisNetworkService,
  VisNetworkData,
  VisNetworkOptions
} from 'ng2-vis';

Thanks for your help !! @seveves

[christophechevalier]

Ok, I solved my problem. I don't need this line :

      "scripts": [
...
        "../node_modules/ng2-vis/bundles/ng2-vis.min.js"
      ],