Comments on: TypeScript AMD with RequireJS Tutorial

By: Diwakar Singh

Diwakar Singh — Fri, 25 Dec 2015 11:55:33 +0000

I have an application with the same architecture as you showed here.
The only thing that I am unable to achieve is how should I enable the intellisence in config file.

I mean auto complete for the modules that I have loaded in main.js is not working.

Please suggest how to enable auto-complete in main.js file.

Thanks

By: David

David — Tue, 10 Nov 2015 14:26:53 +0000

Actually it is of use! :) thanks for the tips. I was starting to go crazy with this

By: Bill

Bill — Wed, 14 Oct 2015 09:14:58 +0000

thanks for this. I retrofitted Typescript onto existing RequireJS install. Some learnings for other users who may be new to this like me:

1) I didn’t need to convert my existing requirejs config to typescript which was handy as it was in a separate shared location
2) I mistakenly used “import” to try and load the existing requirejs modules. found it should only be used on typescript modules, stick with your existing require()
3) to get intellisense working my require line now looks like:

require[(‘jquery’, ‘toastr’)], function($, toastr: Toastr) {….

where Toastr is picking up the interface definition for that library from the declaration file.

hope this is of use.

By: BundleConfig should be considered harmful for web applications | | Underwater Gorilla DomeUnderwater Gorilla Dome

Sun, 24 Aug 2014 22:44:45 +0000

[…] so I won’t go in depth too much. Here are some good articles that google came back with: TypeScript AMD with RequireJS Tutorial, TypeScript: Organizing your code with AMD modules and require.js, The Definitive TypeScript […]

By: JBrosi

JBrosi — Sun, 04 May 2014 10:00:40 +0000

Sorry, it kicked the tags in the comment-lines. The example should be:

/// (reference path=”../../lib.d/lodash.d.ts” /)
/// (amd-dependency path=”lodash” /)
declare var require:(moduleId:string) => any;
var _ :_.LoDashStatic = require(‘lodash’);

just replace the round brackets ( ) with the angle bracket-style.

By: JBrosi

JBrosi — Sun, 23 Mar 2014 08:53:03 +0000

Thanks a lot!! I tried various ways in order to get my typescript work well with requirejs, tsc and full code-completion in PhpStorm but it never worked out.

With your workaround using the custom require method it now all works together very well :). I just need to add the /// to the libs and to set the right type for the var in the require-line.

Example for including lodash:

///
///
declare var require:(moduleId:string) => any;
var _ : _.LoDashStatic = require(‘lodash’);

Well its four lines of code for one library but all the other things i tried out either didn´t work in require, threw errors in tsc or the code-completion in phpstorm wouldn´t show up.