Import jquery and bootstrap in typescript commonjs

Question

i'm using browserify to import some nodejs modules. All working fine using this sintax:

$ = jQuery = require('jquery');
require('bootstrap');
require('angular');
require('ngRoute');
require('firebase');
require('angularfire');

Now i'm trying to convert that in typescript (using version 1.8) but i can't figure how to do it. I'm using tsify plugin from browserify

i've tried some sintax like

import * as jquery from "jquery";
import * as jQuery from "jquery";
import * as $ from "jquery";

or

declare var jQuery;
declare var $;
import * as jquery from "jquery";
$ = jQuery =jquery;

but it's not working!

Community · Accepted Answer · 2017-05-23 12:34:43Z

11

To have 'jQuery' available globally in the browser you need to attach it to the windows object.

This works for me:

import * as $ from "jquery";
(<any>window).jQuery = $

import "bootstrap";

See this answer: Declare Typescript global variable as "module" type

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Oct 16, 2016 at 7:19

c_froehlich

1,61515 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mtizziani · Accepted Answer · 2016-08-22 10:18:02Z

1

at the start of your file you have to tell typescript it should know the typescript definitions of nodejs, jquery and so on.

/// <reference path="DEFINITION-FILE.d.ts" />

require is not known before the d.ts file nodejs isn't referenced $ or jquery is not known befor the d.ts file for jquery is not referenced ...

you can find a a large package of typescript definitions on Definitly Typed

http://definitelytyped.org/

i hope this is helpfull

answered Aug 22, 2016 at 10:18

mtizziani

1,02611 silver badges23 bronze badges

1 Comment

user1611404 Over a year ago

The project compile successfully so it can't be a definitions problem.

reinierkors · Accepted Answer · 2016-08-22 10:11:13Z

0

Have you tried:

import * as $ from "jquery";

Make sure you have jQuery installed:

typings install jquery --save

answered Aug 22, 2016 at 10:11

reinierkors

4856 silver badges20 bronze badges

Comments

Dave · Accepted Answer · 2016-12-23 11:00:19Z

0

import $ from "jquery"; is what works here.

answered Dec 23, 2016 at 11:00

Dave

4923 silver badges18 bronze badges

Collectives™ on Stack Overflow

Import jquery and bootstrap in typescript commonjs

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related