atom-typescript encounters difficulty locating typings

Question

atom-typescript encounters difficulty locating typings

After setting up a new Angular/Typescript project in Atom with atom-typescript, I encountered an issue. The main angular module file imports all modules and type definition files, but errors are now showing in my .ts files. This is due to atom-typescript not recognizing the typings.

For example:

Module 'ng' has no exported member 'IScope' at line 1 col 32

To resolve this, I could individually add reference paths to each ts file like

/// <reference path="../../.tmp/typings/tsd.d.ts" />

, but that seems inefficient.

Since the errors are from atom-typescript, is there a way to specify the location of type defintion files in the project settings? Any other suggestions on how to address this?

typescript atom-editor

Answer 1

Answer №1

Insert the necessary typings into the tsconfig.json file along with the rest of the TypeScript files in the files section.

If you're using atom-typescript, you can also utilize glob patterns, like so:

{
...
    "filesGlob": [
        "./typescript/**/*.ts",
        "./typescript/**/*.tsx",
        "./typings/**/*.d.ts"
    ]
...
}

The files section will update automatically.

Edit

Since this feature is officially supported by Typescript now, a more universal solution (compatible across different IDEs) might involve utilizing the exclude property in the tsconfig file.

This approach operates in the opposite manner: compile everything except for what is specified in the exclusions (usually content within node_modules and static assets such as those in public)

{
    "compilerOptions": {
        ...
    },
    "exclude": [
        "node_modules",
        "public"
    ]
}

For official information, visit this link

Answer 2

Insert the necessary typings into the tsconfig.json file along with the rest of the TypeScript files in the files section.

If you're using atom-typescript, you can also utilize glob patterns, like so:

{
...
    "filesGlob": [
        "./typescript/**/*.ts",
        "./typescript/**/*.tsx",
        "./typings/**/*.d.ts"
    ]
...
}

The files section will update automatically.

Edit

Since this feature is officially supported by Typescript now, a more universal solution (compatible across different IDEs) might involve utilizing the exclude property in the tsconfig file.

This approach operates in the opposite manner: compile everything except for what is specified in the exclusions (usually content within node_modules and static assets such as those in public)

{
    "compilerOptions": {
        ...
    },
    "exclude": [
        "node_modules",
        "public"
    ]
}

For official information, visit this link

atom-typescript encounters difficulty locating typings

Answer №1

Similar questions

Issue: Unable to find solutions for all parameters in (?, ?)

Preventing memory leaks in unmounted components: A guide

The Angular 6 View does not reflect changes made to a variable inside a subscribe block

What are the steps to enable generators support in TypeScript 1.6 using Visual Studio Code?

Typescript Syntax for Inferring Types based on kind

Ways to use DecimalPipe for rounding numbers in Angular - Up or down, your choice!

When the imagepath in an Angular application is not updated, it will revert to null

Update Observable by assigning it a new value of transformed information using the async pipe and RXJS

Angular Notification not visible

Encountered an error while trying to access the 'touched' property of undefined within Angular6 reactive forms

How can users create on-click buttons to activate zoom in and zoom out features in a Plotly chart?

Issue with importing in VueJS/TypeScript when using gRPC-Web

Typescript's forEach method allows for iterating through each element in

Having trouble retrieving information from combineLatest in Angular?

Returning a value with an `any` type without proper validation.eslint@typescript-eslint/no-unsafe-return

Oops! Looks like you forgot to provide a value for the form control named <name>. Make sure to fill

A function that logs a message to the console if an array contains identical values

The attribute 'constructor' is not found on the 'T' type

Unable to create resource in nestjs due to typeScript compatibility issue

The storage does not reflect updates when using redux-persist with next-redux-wrapper in a Typescript project