在VSCode运行Node程序时如何查看JavaScript编译错误信息

调试无报错问题修复 #

你遇到的调试无输出问题原因是默认Node调试配置的输出目标为DEBUG CONSOLE，启动阶段的语法错误不会完整打印到该面板，只需修改launch.json配置，将输出重定向到内置终端即可：

{
    "version": "0.2.0",
    "configurations": [
    {
        "name": "Launch Program",
        "program": "${workspaceFolder}/app.js",
        "request": "launch",
        "skipFiles": [
            "<node_internals>/**"
        ],
        "type": "pwa-node",
        // 新增该配置项
        "console": "integratedTerminal"
    }
    ]
}

修改后重新按F5启动调试，完整报错会输出到TERMINAL标签页，和你手动在命令行运行的结果完全一致。

编辑器内错误高亮配置 #

2021版及更新的VSCode原生支持这类JS语法错误直接高亮提示，无需额外安装扩展，按以下步骤配置即可：

• 确认VSCode自带的TypeScript and JavaScript Language Features扩展处于启用状态，默认开启，未手动禁用无需调整
• 在项目根目录新增jsconfig.json文件，添加以下配置开启JS语法校验：

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "ESNext"
  },
  "exclude": ["node_modules"]
}

• 如果你的项目使用ES模块规范，在package.json中添加"type": "module"配置，即可解决Cannot use import statement outside a module报错，同时编辑器会匹配对应语法规则进行校验。
  配置完成后，你写的import 'xxxxx'如果对应文件缺失或者不符合模块规范，编辑器会直接在代码行位置飘红提示，无需运行就能发现错误。

内容的提问来源于stack exchange，提问作者user48956