This is an old thread, but since I found it when searching for a similar issue in December 2014, I thought I'd post my solution.
I'm using grunt-ts. If you go to
https://www.npmjs.org/package/grunt-ts and follow the instructions for installing grunt and this library, you can get debugging in typescript files even in the Shared project of a Universal app.
Install the grunt-ts into your ProjectDir.Windows directory (and afterwards into the ProjectDir.WindowsPhone directory. You should have two files in the root of each: package.json and gruntfile.js
If you installed it correctly, package.json should be filled properly. In your gruntfile.js file, add this code:
module.exports = function (grunt) {
// Do grunt-related things in here
"use strict";
grunt.loadNpmTasks("grunt-ts");
grunt.initConfig({
ts: {
// use to override the default options, See: http://gruntjs.com/configuring-tasks#options
// these are the default options to the typescript compiler for grunt-ts:
// see `tsc --help` for a list of supported options.
options: {
compile: true, // perform compilation. [true (default) | false]
comments: false, // same as !removeComments. [true | false (default)]
target: 'es5', // target javascript language. [es3 (default) | es5]
module: 'amd', // target javascript module style. [amd (default) | commonjs]
sourceMap: true, // generate a source map for every output js file. [true (default) | false]
sourceRoot: '', // where to locate TypeScript files. [(default) '' == source ts location]
mapRoot: '', // where to locate .map.js files. [(default) '' == generated js location.]
declaration: false, // generate a declaration .d.ts file for every output js file. [true | false (default)]
noImplicitAny: false, // set to true to pass --noImplicitAny to the compiler. [true | false (default)]
fast: "watch" // see https://github.com/TypeStrong/grunt-ts/blob/master/docs/fast.md ["watch" (default) | "always" | "never"]
/* ,compiler: './node_modules/grunt-ts/customcompiler/tsc' */ //will use the specified compiler.
},
// a particular target
dev: {
src: ["../ProjectDir.Shared/**/*.ts"], // The source typescript files, http://gruntjs.com/configuring-tasks#files
//watch: '../ProjectDir.Shared/**/*.ts', // If specified, watches this directory for changes, and re-runs the current target
// use to override the grunt-ts project options above for this target
options: {
module: 'commonjs',
},
}
},
});
grunt.registerTask("default", ["ts:dev"]);
};
Once this is saved, you can run "grunt" from the command line within your project directory and it will compile all the typescript files in you shared directory into js with map files. Include those files in your project build and it will run
and debug in the typescript file itself.
Lee McPherson
