systemjs

I'm trying to figure out how to propertly import an external library in my Angular2 projects. As you can see reading other answers about this matter, there is a bit of confusion about it, and even Angular2 documentation have no info about it. In addition, any search on Google leads to old results related to alpha or beta version of Angular2. I'm trying to import Foundation and jQuery libraries. I need the first to use some Foundation code, and i need the second to make Foundation JS code to work (it uses jQuery) and even to uses it in my Typescript components. As far as i know since i have to

I am updating my Angular project and decided to remove all instances of moduleId: module.id , as the docs have instructed me to here: https://angular.io/docs/ts/latest/guide/change-log.html All mention of moduleId removed. "Component relative paths" cookbook deleted (2017-03-13) We added a new SystemJS plugin (systemjs-angular-loader.js) to our recommended SystemJS configuration. This plugin dynamically converts "component-relative" paths in templateUrl and styleUrls to "absolute paths" for you. We strongly encourage you to only write component-relative paths. That is the only form of URL

'test-module' is external module written in Typescript with index.d.ts definition file. it has properties for tsd/tsc in package.json: "typings": "dist/index.d.ts", "typescript": { "definition": "dist/index.d.ts" } 'test-module' is installed with JSPM in jspm_packages/npm/test-module for dynamic loading using SystemJS 'app' is Typescript application that imports 'test-module' like this: import {Component} from 'test-module'; The problem is that 'test-module' module HAS TO BE in both locations: in node_modules for Typescript compiler (otherwise it does not find 'test-module' and errors it

I use SystemJS to build an Angular 2 application and I'd like to start using MathJax in a component. I installed with: npm install --save-dev mathjax npm install --save @types/mathjax MathJax is now installed in /node_modules/mathjax . When my component does import "mathjax" , the file /node_modules/mathjax/MathJax.js is loaded. So far so good. Problem is that this file then tries to load other files using paths relative to the project root instead of the MathJax install directory. For instance, MathJax.js tries to load /extensions/MathMenu.js 404 Not found /extensions/MathZoom.js 404 Not

I understood that systemJS and webpack are doing the same. So I would like to replace systemJS by webpack but when I'm removing the system.js script reference in my html page I get the following error: angular2.js:2 Uncaught ReferenceError: System is not defined Does it means that angular2 is using SystemJS as module loader without the possibility to replace it by another one? Alexander Trakhimenok Yes, you can. There are few examples & tutorials . For example: https://github.com/preboot/angular2-webpack https://github.com/AngularClass/angular2-webpack-starter https://github.com/blacksonic

On my website I want to import a FancyModule using SystemJS , so that I can create instances of classes which this module exports. So what I want to achieve is this (within a ECMAScript 2015-compatible website): SystemJS.import('MyFancyModule').then(function(MyFancyModule) { var myFancyInstance = new MyFancyModule.MyFancyClass('Test'); console.log(myFancyInstance.text); }); Unfortunately, I am getting the following error: TypeError: MyFancyModule.MyFancyClass is not a constructor(…) Here is my TypeScript module: export module MyFancyModule { export class MyFancyClass { public text: string;