Having trouble getting code hints to function properly with the official TypeScript plugin on Sublime Text 3

I am experiencing issues with getting code hinting to work using the official TypeScript plugin for Sublime Text 3 on Mac OSX 10.10.5 with Sublime 3. Despite installing it in the packages directory, I am unable to see any code hints.

In accordance with the suggestion, I have placed a tsconfig.json file in the root of the application. Below is the content of the file:

{
    "compilerOptions": {
        "out": "out.js",
        "sourceMap": true,
        "target": "es5"
    },
    "files": [
        "main.ts"
    ],
}

However, I keep encountering the following message and I am unsure about what action needs to be taken. Although I have been consulting the Documentation, the instructions are not very clear.

https://i.sstatic.net/LiyPt.png

Do you have any suggestions or solutions for this issue?

macostypescriptangularsublimetext3

Answer №1

When reviewing your code:

"files": [
    "main.ts"
],

It is important to note that the trailing comma in JSON is not valid: ,.

Helpful Hint

If you are using editors such as vscode or alm, they will also indicate the location of this error.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The 'autoComplete' property cannot be found within the 'IntrinsicAttributes & InputProps' type

I'm currently utilizing Typescript and React, but encountering the following error: Property 'autoComplete' is not found on type 'IntrinsicAttributes & InputProps'. This is how I am using the component: <Input ...

reactjstypescript

Tips on expanding properties for Material-UI components with Typescript?

My goal is to enhance the props of the Button component from Material-UI using typescript in order to pass additional props to its children. import { NavLink } from 'react-router-dom'; import { Button } from 'material-ui'; <Button ...

reactjstypescriptmaterial-ui

Steps to resolve the issue of "npm WARN deprecated [email protected] : request has been deprecated, see https://github.com/request/request/issues/3142" error on Windows 10

Seeking assistance with setting up Angular 4 on my Windows 10 system. Upon running node -v and npm -v, the version is displayed without any issues. However, when attempting to execute npm install -g @angular/cli, I encounter the following error message: np ...

node.jsangularnpm

Define the data type for the toObject function's return value

Is it possible to define the return type of the toObject method in Mongoose? When working with generics, you can set properties of a Document object returned from a Mongoose query. However, accessing getters and setters on these objects triggers various v ...

typescriptmongoose

CSS-WHAT Package for Angular Update - Enhance Your Styles!

In my Angular setup, the configurations are as follows: _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | ...

angularnpm

Is there a way to retrieve the anticipated DOM structure prior to the initialization of the view?

Consider this component: @Component({ selector: "form-control", template: ` <div class="form-group" #div> <label [for]="inputId">{{label}}</label> <ng-content></ng-content> <small [id]="helpId" cl ...

angular

Display a fixed three levels of highchart Sunburst upon each click in Angular8

Looking to create a dynamic sunburst highchart that displays three levels at a time while allowing interactive drilling. For instance, if there are 5 levels, the chart should initially show the first three levels. When clicking on level 3, levels 2, 3, and ...

javascriptangulartypescripthighchartssunburst-diagram

Having issues with Angular Material, specifically with mat-list-item and routerLinkActive not functioning as expected

Currently, I am working with a navigation view that utilizes the MatSidenavModule. The issue I am encountering is on mobile screens. When I click a mat-list-item, the mat-sidenav closes as expected. However, upon opening the mat-sidenav again, Material alw ...

javascriptcssangularangular-material

Utilizing npm to execute scripts stored in a dedicated file

I am currently working on an Angular project that consists of multiple libraries. The project follows a plugin architecture where the goal is to build and serve each plugin on separate servers. As the number of plugins increase, my build:plugins script is ...

angularnpmangular-clipackage.json

Postgres Array intersection: finding elements common to two arrays

I'm currently developing a search function based on tags, within a table structure like this CREATE TABLE permission ( id serial primary key, tags varchar(255)[], ); After adding a row with the tags "artist" and "default," I aim ...

javascriptsqlpostgresqltypescriptknex.js

Transferring information using TypeScript

My issue arises when transferring data from HTML in the following format Karbohidrat :{{karbohidrat}} <button ion-button (click)="cekHalamanMakanan('karbohidrat')">View carbohydrate foods</button> <br> Then, I retrieve the kar ...

angulartypescript

How to extract IDs from a URL in Angular

I'm facing an issue with retrieving the first id from an image URL. Instead of getting the desired id, I am receiving the one after the semicolon ("id" = 1). I have tried various methods but haven't been successful in resolving this issue. Any su ...

javascriptangular

Retrieving a data type from the key values of deeply nested objects

I'm currently working with JSON data that contains nested objects, and my goal is to extract the unique set of second-level keys as a type. For instance: const json = { 'alice': { 'dogs': 1, 'birds': 4 ...

typescript

Testing the number of times module functions are called using Jest

As someone who is relatively new to JavaScript and Jest, I am faced with a particular challenge in my testing. jest.mock('./db' , ()=>{ saveProduct: (product)=>{ //someLogic return }, updateProduct: (product)=>{ ...

javascripttypescriptjestjs

What are the best ways to handle data using the .pipe() function?

Looking to optimize an Angular component Typescript function that returns an Observable<book[]>. The logic involves: If (data exists in sessionStorage) Then return it Else get it from remote API save it in sessionStorage return it End ...

angulartypescriptrxjsobservable

Using useEffect with promises causing TypeScript errors

useEffect(login, []) In this case, the login function returns a promise and the useEffect hook is triggered without expecting a return value. However, TypeScript shows errors like: Argument of type '() => Promise<void>' is not assi ...

reactjstypescriptuse-effect

.observe({ action: (response) => { this.updateData = response.Items; }. what comes after this

I need some guidance on what comes next within the callback function .subscribe({ next: (data) => { this.newData = data.Items; } ...

angulartypescriptrxjsobservable

Managing the lifecycles of extended class instances in Angular 2 - what's the best approach?

The code snippet below is causing an issue for me in Angular 2.4.9: export class MyComponent extends BaseComponent implements OnInit { type = 2; constructor() { super(); } ngOnInit(){ console.log('inited type', this.type) } } ...

classangularextend

Tips for integrating Typescript into a pre-existing Vue 3 project

The contents of my package.json file are as follows: { "name": "view", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve" ...

typescriptvue.jsvuejs3vue-cli

Troubleshooting Cross Origin Error in C# and Angular

We are currently in the process of developing a website using Angular 5. The backend has been created utilizing .Net Web API and SQL Server. Our plan is to deploy the website on Azure, making it accessible both from the internet and the intranet. After co ...

c#angularazureasp.net-web-apicross-domain