Skip to content

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

@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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions