[英]VSC Debugger throwing SyntaxError: Cannot use import statement outside a module
Prior to some recent update of Visual Studio Code I was able to debug my Node.js Apps written in TypeScript with this launch.json
configuration在最近更新 Visual Studio Code 之前,我能够使用此launch.json
配置调试用 TypeScript 编写的 Node.js 应用程序
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug API",
"protocol": "inspector",
"program": "${workspaceFolder}/apps/api/src/main.ts",
"outFiles": ["${workspaceFolder}/dist/apps/api/main.js"],
"sourceMaps": true
}
]
}
But now I'm getting this error但是现在我收到了这个错误
import * as express from 'express';
^^^^^^
SyntaxError: Cannot use import statement outside a module
at wrapSafe (internal/modules/cjs/loader.js:1054:16)
at Module._compile (internal/modules/cjs/loader.js:1102:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
at Module.load (internal/modules/cjs/loader.js:986:32)
at Function.Module._load (internal/modules/cjs/loader.js:879:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
at internal/main/run_main_module.js:17:47
Process exited with code 1
Any idea of how can I fix this?知道如何解决这个问题吗? Or at least make it work while VSC Team provides an answer on their GitHub https://github.com/microsoft/vscode/issues/102834或者至少让它工作,同时 VSC 团队在他们的 GitHub https://github.com/microsoft/vscode/issues/102834上提供答案
You can do the following:您可以执行以下操作:
Add (if not already exist) a build step in the package.json
, something like this;在package.json
中添加(如果尚不存在)构建步骤,如下所示;
"ci-build": "npx tsc",
I have in the tsconfig.json
the following options;我在tsconfig.json
中有以下选项;
"compilerOptions": { "outDir": "dist", "rootDir": "src", "module": "commonjs" "sourceMap": true, "lib": ["esnext", "dom"], "strict": true, "esModuleInterop": true, "target": "es2017" }
Note : Make sure to set the sourceMap
to true
注意:确保将sourceMap
设置为true
My launch.json
looks like this;我的launch.json
看起来像这样;
{ "type": "node", "request": "launch", "name": "Build Project", "program": "${workspaceFolder}/src/index.ts", "preLaunchTask": "npm: ci-build", "sourceMaps": true, "smartStep": true, "internalConsoleOptions": "openOnSessionStart", "outFiles": ["${workspaceFolder}/dist/**/*.js"] }
For further reading, see my blog post on the topic如需进一步阅读,请参阅我关于该主题的博客文章
According to a comment on this github issue , VSC Team has provided a fix for version 1.48 of Visual Studio Code:根据对这个 github 问题的评论,VSC 团队已经为 Visual Studio Code 1.48 版本提供了修复:
{
"type": "node",
"request": "launch",
"name": "Debug launcher",
"protocol": "inspector",
"program": "${workspaceFolder}/apps/launcher/src/main.ts",
"outFiles": ["${workspaceFolder}/dist/**/*.js"],
"sourceMaps": true
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.