VS 代码的 launch.json 中不允许使用属性 outFiles

Question

我正在尝试在 vs 代码中调试打字稿。据我研究，您需要在 thlaunch.config 中为 vs 代码设置 outfiles 属性，以映射您在已编译的 .js 文件中在 TypeScript 文件中设置的断点，指定为 here。

当我尝试设置我的时，我得到了这个错误：

我在 google 中没有发现有关此错误的任何信息，因为打字稿调试器需要此设置才能工作，如 vs code documentation 中所示。

提前感谢您的帮助。

编辑：

launch.json:

"configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "preLaunchTask": "tsc",
            "sourceMaps": true
        }
    ]

tsconfig:

{
  "compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    /* Basic Options */
    // "incremental": true,                   /* Enable incremental compilation */
    "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    "strict": true,                           /* Enable all strict type-checking options. */
    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
    "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

    /* Advanced Options */
    "skipLibCheck": true,                     /* Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true, /* Disallow inconsistently-cased references to the same file. */
    "outDir": "src/ts-built",
    "rootDir": "src"
  }
}

Answer 1

您不能将"outFiles" : true 用于 chrome 调试配置

如果您希望调试您的 typescript 代码，您需要确保您已将 ts 编译器设置为生成源映射。

确保您的tsconfig 文件中有这两个设置。

//TSCONFIG SETTINGS
"inlineSourceMap": true /* Emit a single file with source maps instead of having a separate file. */,
"inlineSources": true /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */,

如果您的tsconfig 中已经有"sourceMap": true,，如果您想使用"inlineSourceMap": true NOT FROM LAUNCH.JSON，则需要将其删除！

这些设置将为您的代码生成内联源映射。

最后你的 launch.config 应该是这样的

{
  "name": "Launch Chrome",
  "type": "chrome",
  "request": "launch",
  "url": "http://localhost:3000",
  "webRoot": "${workspaceRoot}/wwwroot",
  "sourceMaps": true // this is is the important setting. 
}