Typescript Intellisense not working (using Angular4 project) #30003

Activity

1. vscodebot

   added

   javascriptJavaScript support issuesJavaScript support issues

   on Jul 2, 2017
2. zaakiy commented on Jul 2, 2017

   

   Zaakiy Siddiqui (zaakiy)

   on Jul 2, 2017

   Author

   More actions

   Screenshot:
   
3. cpamp commented on Jul 2, 2017

   

   Clint Pamperin (cpamp)

   on Jul 2, 2017

   More actions

   Sometimes intellisense stops working for me as well but closing and reopening vscode fixes it.

   👍React with 👍1Reacted by Vratislav Kalenda
4. João Moreno (joaomoreno)

   assigned

   Matt Bierner (mjbvz)

   on Jul 3, 2017
5. mjbvz commented on Jul 3, 2017

   

   Matt Bierner (mjbvz)

   on Jul 3, 2017

   Contributor

   More actions

   Zaakiy Siddiqui (@zaakiy) Where is items declared? Can you share the entire source file?
6. Matt Bierner (mjbvz)

   added

   info-neededIssue requires more information from posterIssue requires more information from poster

   on Jul 3, 2017
7. zaakiy commented on Jul 6, 2017

   

   Zaakiy Siddiqui (zaakiy)

   on Jul 6, 2017

   Last edited by zaakiy

   Author

   More actions

   More info: played around and found that the problem is reproducible when the code is not inside a constructor. (Intellisense works if inside a constructor).

   Here is the code from the top:

   // filename: app.component.ts
   import { Component } from '@angular/core';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css']
   })
   
   export class AppComponent {
       items = [ 'Angular 4', 'React', 'Underscore'];
       // snipped
   }

   Edit: I would still like to know if Intellisense is supported outside the constructor, and if so, how to enable that functionality.
8. mjbvz commented on Jul 7, 2017

   

   Matt Bierner (mjbvz)

   on Jul 7, 2017

   Contributor

   More actions

   Zaakiy Siddiqui (@zaakiy) Thanks. I've opened microsoft/TypeScript#17026 to track this upstream

   As a workaround, change your code to use method syntax:

    class AppComponent {
       items = [ 'Angular 4', 'React', 'Underscore'];
   
       foo() {
           return this.items
       }
   }
9. Matt Bierner (mjbvz)

   closed this as completedon Jul 7, 2017
10. Matt Bierner (mjbvz)

    added

    upstreamIssue identified as 'upstream' component related (exists outside of VS Code)Issue identified as 'upstream' component related (exists outside of VS Code)

    and removed

    info-neededIssue requires more information from posterIssue requires more information from poster

    on Jul 7, 2017
11. zaakiy commented on Jul 7, 2017

    

    Zaakiy Siddiqui (zaakiy)

    on Jul 7, 2017

    Author

    More actions

    Thanks Matt Bierner (@mjbvz).
12. vscodebot

    locked and limited conversation to collaborators on Nov 18, 2017