Getting Error - Cannot find name 'angular'

Question

I'm starting writing AngularJS app using TypeScript. I have this simple module command:

(() => {
    angular
        .module('app', []);
})();

When I run tsc app.ts, I got this: app.ts(2,5): error TS2304: Cannot find name 'angular'.

Do I need to include something to app.ts to make tsc understand the angular?

Regards,

Not sure about typescript specific. But in Javascript you need to load the main angular source code. — filype
– filype, Commented Apr 28, 2015 at 9:16
Yes, after the tsc command, I'll get a .js file to be included into html page as usual. — Sarun Intaralawan
– Sarun Intaralawan, Commented Apr 28, 2015 at 9:18
I see, maybe you need to tell typescript to treat angular as a global dependency.. — filype
– filype, Commented Apr 28, 2015 at 9:22
Have a look at this project in typescript and angular - github.com/tastejs/todomvc/blob/gh-pages/examples/… — filype
– filype, Commented Apr 28, 2015 at 9:23

Fenton · Accepted Answer · 2017-12-21 09:51:43Z

39

You could simplistically tell the compiler to stop worrying by telling it that "you know all about angular":

declare var angular: any;

To get all the good tooling and type checking, you need to pull in the Angular type definition so the compiler knows what is available.

The type definitions are available via NuGet if you are using Visual Studio or various other methods for your favourite IDE.

edited Dec 21, 2017 at 9:51

answered Apr 28, 2015 at 9:43

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

6 Comments

Brocco Over a year ago

Just to add for the non-visual studio folks, take a look at this tool to assist on getting individual type definitions without pulling down the entire repo... github.com/DefinitelyTyped/tsd (can work like bower/npm via config file)

Thomas Eyde Over a year ago

I installed the nuget package today (DefinitelyTyped). It's broken.

Itanex Over a year ago

bad solution, this removes any typescript type support from the imported *.d.ts file for angular

Itanex Over a year ago

@sohnee that is a great assumption. Perhaps the answer could be rewritten so you can't make that assumption.

Fenton Over a year ago

@adam0101 I have replaced the broken like with a link to the type search utility. This will find any available definition and link through to the NPM page for it.

|

Augusto Barreto · Accepted Answer · 2017-04-30 17:11:05Z

24

Using AngularJS 1.x and TypeScript 2.x, I solved this issue by running:

npm install --save-dev @types/angular

and then include the following line on top of the .ts file:

import * as angular from "angular";

Reference: The Future of Declaration Files

answered Apr 30, 2017 at 17:11

Augusto Barreto

3,6964 gold badges34 silver badges42 bronze badges

Comments

Sonu Jose · Accepted Answer · 2016-03-04 10:24:50Z

7

You need to include angular.t.ds file in the library

answered Mar 4, 2016 at 10:24

Sonu Jose

1252 silver badges6 bronze badges

1 Comment

Shahryar Saljoughi Over a year ago

What you mean is angular.d.ts . Isn't it? I think there is a typo in the file name in your answer.

Indy-Jones · Accepted Answer · 2017-08-24 16:38:50Z

3

For me inside of VisualStudio I used part of Augusto's suggested answer and simply did:

npm install --save @types/angular

and it worked like a charm.

answered Aug 24, 2017 at 16:38

Indy-Jones

7481 gold badge7 silver badges19 bronze badges

Comments

Mosh Feu · Accepted Answer · 2016-09-15 11:25:55Z

1

ATOM

In tsconfig.json file ensure your "fileGlobs" points to both:-

The TypeScript Definitions you installed with tsd &
Your src .ts files

"filesGlob": [
  "./typings/**/*.ts",
  "./src/client/**/*.ts"
]

This will ensure you have tooling for the libraries you have installed (with tsd) without having to declare any variables. For example, if you tsd install angularjs --save, you can work angular in your src/../*.ts files with all the goody tooling.

Hope this helps. Good Luck.

edited Sep 15, 2016 at 11:25

Mosh Feu

29.5k18 gold badges94 silver badges141 bronze badges

answered Apr 22, 2016 at 4:13

Aakash

24.1k7 gold badges110 silver badges89 bronze badges

Comments

rekotc · Accepted Answer · 2017-05-23 10:33:51Z

0

I solved the problem by adding the following line to my package.json, inside the "devDependencies" section:

"@types/angular" : "1.6.17"

after that, i just needed to run

npm install

in order for npm to download all the needed dependencies.

answered May 23, 2017 at 10:33

rekotc

5551 gold badge10 silver badges25 bronze badges

Comments

Greenonline · Accepted Answer · 2019-07-12 21:24:04Z

0

Make sure that in the tsconfig.json the filesGlob points and exposed the typings file:

"filesGlob": ["typings.d.ts" ]

edited Jul 12, 2019 at 21:24

Greenonline

1,3778 gold badges25 silver badges36 bronze badges

answered Jul 12, 2019 at 18:11

Itai Shperber

162 bronze badges

Collectives™ on Stack Overflow

Getting Error - Cannot find name 'angular'

7 Answers 7

6 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

6 Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related