Plugin has issue with filenames containing a dot. about plugin-typescript HOT 6 CLOSED

GET http://localhost:3010/app/app.module.js 404 (Not Found)fetchTextFromURL @ system.src.js:1021SystemLoader.fetch @ system.src.js:1054SystemLoader.fetch @ system.src.js:1053calledRegister @ system.src.js:1523(anonymous function) @ system.src.js:2038loader @ system.src.js:2269loader @ system.src.js:2806loader @ system.src.js:3308constructor.meta @ system.src.js:3375(anonymous function) @ system.src.js:3593(anonymous function) @ system.src.js:320
Not Found: http://localhost:3010/app/app.module.js
    Error loading http://localhost:3010/app/app.module.js from http://localhost:3010/src/main.ts
    Error loading http://localhost:3010/app/app.module.js

///<reference path="typings\angularjs\angular.d.ts"/>
///<reference path="typings\angular-ui-router\angular-ui-router.d.ts"/>
import {appModule} from 'app/app.module';
angular.element(document).ready(() => {
    angular.bootstrap(document.body, [appModule.name], {
        strictDi: true
    });
});

///<reference path="..\typings\angularjs\angular.d.ts"/>
///<reference path="..\typings\angular-ui-router\angular-ui-router.d.ts"/>
import 'angular';
import 'angular-ui-router';
//import 'angular-material';
//import 'angular-animate';

import 'angular-messages';
//import 'ng-click-select';
import 'ng-fittext';
import 'ng-slide-down';
import 'angular-moment';
import 'angular-numbro';
import 'robertbaker/angular-credit-cards';
import 'app/templates';

import reflexModule from 'common/reflex/reflex.module';
import 'common/reflex/setup/schema';

import commonModule from 'common/common.module';

import 'app/app.css!';
import {IAppStorageService, default as dep} from 'common/services/appStorage.service';

import {setupModule} from 'app/setup/setup.module';
// import {loginModule} from 'app/login/loginModule';
// import {logoutModule} from 'app/logout/logoutModule';
// import {settingsModule} from 'app/settings/settingsModule';
import {dashboardModule} from 'app/dashboard/dashboard.module';
// import {customerModule} from 'app/customer/customerModule';
// import {inventoryModule} from 'app/inventory/inventoryModule';
// import {transactionModule} from 'app/transaction/inventoryModule';

export interface IAppScopeService extends ng.IRootScopeService {
    title: string;
}

export var appModule = angular.module('app', [
    'app.templates',
    commonModule.name,
    'ui.router',
    'ngMessages',
    'ngNumbro',
    'ngFitText',
    //'ngAnimate',
    //'ngClickSelect',
    'ng-slide-down',
    'angularMoment',
    'credit-cards', /* https://www.npmjs.com/package/angular-credit-cards */
    reflexModule.name,
    dep.name,
    dashboardModule.name,
    setupModule.name
]);

export default appModule;

System.config({
  "defaultJSExtensions": true,
  "transpiler": "typescript",
  "babelOptions": {
    "optional": [
      "runtime"
    ]
  },
  "typescriptOptions": {
    "noImplicitAny": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "typeCheck": true
  },
  "paths": {
    "github:*": "jspm_packages/github/*",
    "npm:*": "jspm_packages/npm/*",
    "app": "src"
  },
  "packages": {
    "app": {
      "main": "main",
      "defaultExtension": "ts",
        "meta": {
            "*.ts": {
                "loader": "ts"
            },
            "*.css": {
                "loader": "css"
            },
            "*.json": {
                "loader": "json"
            },
            "*.html": {
                "loader": "text"
            }
        }
    }
  },
  "buildCSS": true,
  "separateCSS": false
});