Skip to content

Can't get typescript auto complete to work on ts and tsx files #213

Open
@noam-honig

Description

@noam-honig

Describe the bug

I'm writing a tutorial that uses typescript, and I can't get typescript auto complete to work on the code editor (and also typecheck)

Link to a StackBlitz project which shows the error

No response

Steps to reproduce

Here's my repo:
https://github.com/noam-honig/play-with-tutorial-kit/tree/typescript-typing

I use a vite typescript project for the template.

I added a file:
src\content\tutorial\1-basics\1-introduction\1-welcome_files\test.ts

type Person = {
  firstName: string;
  lastName: string;
};

export function test() {
  var p: Person = {
    // try typing firstName / lastName - I don't get any typing errors
  };

  alert(p.firstName + " " + p.lastName);
}

When I try to type firstName inside the new object, it doesn't auto complete, nor does it type check that I spelled it correctly.

image

Expected behavior

I expect auto complete to display firstName and lastName, and if I type a wrong value, to get some error highlighting as I do in stackblitz
Screenshot from stackblitz
image

Screenshots

No response

Platform

  • TutorialKit version: 0.1.2
  • OS: windows
  • Browser: chrome
  • Version: [e.g. 91.1]

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions