TypeScript error: Unable to locate namespace 'ng'

Question

TypeScript error: Unable to locate namespace 'ng'

I am attempting to utilize a tsconfig.json file in order to avoid having ///

[ts] Cannot find namespace 'ng'. any

Here is my configuration within the tsconfig.json file:

{
    "compileOnSave": true,
    "compilerOptions": {
        "noImplicitAny": false,
        "target": "es2015",
        "allowSyntheticDefaultImports": true
    },
    "files": [
        "./typings/index.d.ts"
    ]
}

In this setup, my tsconfig.json file points to the index.d.ts file which includes references to other necessary typings:

/// <reference path="globals/angular-ui-router/index.d.ts" />
/// <reference path="globals/angular/index.d.ts" />
/// <reference path="globals/jquery/index.d.ts" />

Strangely, if I include the reference directly at the top of my module like so:

app.controller.js

/// <reference path="../../../../typings/index.d.ts" />

...

then it properly recognizes 'ng' and provides me with its types. Can anyone offer insight into why this may not be working as expected?

Any assistance would be greatly appreciated. Thank you in advance!

javascript angularjs typescript typescript-typings

Answer 1

Answer №1

The file you are working with is called app.controller.js.

This file has a .js extension, which means it is not included in the files listed in tsconfig.json.

Here's a quick solution:

To include this file in your project, rename it to have a .ts extension and add it to the list of files in your tsconfig.json.

Answer 2

The file you are working with is called app.controller.js.

This file has a .js extension, which means it is not included in the files listed in tsconfig.json.

Here's a quick solution:

To include this file in your project, rename it to have a .ts extension and add it to the list of files in your tsconfig.json.

TypeScript error: Unable to locate namespace 'ng'

Answer №1

Here's a quick solution:

Similar questions

Numerous references embedded within a Vue.js component

Certain scripts fail to load properly when using Internet Explorer

When I remove the `return false` statement in my code, my AJAX call executes successfully. However, keeping it in prevents the call from

Learn how to enhance a Vue component by adding extra properties while having Typescript support in Vue 3

Mapping fields in Spring to JSON can be tricky, especially when dealing with fields that can be

Having difficulty with Mongoose in MongoDB when trying to retrieve an array of strings that match existing collections in the database

How does Facebook access the new hashtags when they are clicked on?

Top approach for inserting Class instance into a group

Using the .load() function to import an HTML file from the directory above

Ways to establish the relationship between two fields within an object

Learn how to render a single element with multiple child elements within separate `<td>` tags in a table row using React

Uploading a file with AngularJS and storing it in a database

Transmit information from Ajax to CodeIgniter's controller

Is it possible for Visual Studio Code to create type declarations?

Alternatives to using $.getJSON()

How is the purpose of nesting functions within functions achieved in nodejs?

Optimal approach for designing interfaces

A guide to duplicating the Mesh of a Line entity using THREE.js

Exploring the potential of lazy loading with AngularJS 2 RC5 ngModule

Unexpected parameter value in directive when using controllerAs syntax