Skip to content

Typescript step debugging instructions for Amplify Gen 2 #7698

Open
@jpangburn

Description

@jpangburn

Describe the content issue:
As TypeScript appears to be the preferred language for creating Lambda functions in AWS Amplify Gen 2, there ought to be some instructions about getting Lambda step debugging working in VSCode using the AWS Toolkit extension.

I've tried using both the quickstart template for Angular, and the manual installation methods. When you use the "Add Debug Configuration" button in VSCode, it creates a launch.json entry.
image
But whether you do this using the template, or the manual installation, it doesn't work. Using the template, it complains NodejsNpmBuilder:NpmPack - NPM Failed: npm error Invalid package, must have name and version.

Along with this, it would help if there was an explanation of the various tsconfig.json and package.json files in an Amplify project. It would be nice if there was something about "this one is for the front end code, this one is for the backend code". And maybe "we recommend using this bundler, or that setting because XYZ". And if you're using the AWS Toolkit, in some cases it seems to create an "aws-toolkit-tsconfig.json". We should know how this fits in as well so we can understand what settings we need to debug a project successfully, and how to make sure that our lambda deployments are optimized for size/efficiency.

URL page where content issue is:
https://docs.amplify.aws/angular/build-a-backend/functions/

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions