如何在WebStorm中调试NextJS API.此外,我使用的类型脚本和应用程序路由,因为这是相当困难的API调试使用console.log().

推荐答案

你可以这样做:

  1. 在WebStorm中打开Run > Edit Configurations...对话框.
  2. 单击+按钮添加新配置,然后 Select Node.js.
  3. 为您的配置指定一个有意义的名称,例如"Debug Next.js with Yarn".
  4. Working directory中, Select 您的Next.js项目的根目录.
  5. 对于JavaScript file字段,您将使用Yarn命令,而不是直接指向文件.因此,将Node解释器设置为Node.js二进制路径,并在Node parameters字段中输入Yarn二进制文件的路径(通常为/usr/bin/yarn,如果它在系统的路径中,则简称为yarn).
  6. Application parameters字段中,键入dev以在开发模式下运行Next.js.
  7. 点击OK确认设置.

Typescript相关问答推荐

如何在方法中定义TypeScript返回类型,以根据参数化类型推断变量的存在?

类型脚本接口索引签名

如何根据模板类型实现不同的模板函数行为?

返回同时具有固定键和变量键的对象的函数的返回类型

如何缩小变量访问的对象属性范围?

学习Angular :无法读取未定义的属性(正在读取推送)

不推荐使用Marker类-Google map API警告

使用动态主体初始化变量

打印脚本中的动态函数重载

如何使用类型谓词将类型限制为不可赋值的类型?

带下拉菜单的Angular 响应式选项卡

表单嵌套太深

TypeScrip:从对象中提取和处理特定类型的键

将对象的属性转换为正确类型和位置的函数参数

如何将类似数组的对象(字符串::匹配结果)转换为类型脚本中的数组?

Angular 16将独立组件作为对话框加载,而不进行布线或预加载

为什么在泛型方法中解析此promise 时会出现类型错误?

Typescript将键数组映射到属性数组

基于闭包类型缩小泛型类型脚本函数的范围

使用嵌套属性和动态执行时,Typescript 给出交集而不是并集