在VS Code Debugger中配置设置以运行docker

Question

我的目标是为我的VS Code Debugger设置配置。 我的遗留代码是使用docker容器来运行redis，并使用gulp任务运行器来启动应用程序。我的工作流程包含我在终端中键入的以下命令：

docker-compose up用db运行redis

gulp default启动应用程序的服务器

到目前为止，我已成功为gulp任务创建了配置，但仍在努力为调试器中的docker设置配置。

Docker Desktop在Windows 10 Pro上本地安装

Docker version: 2.0.0.0-win81 (29211)

docker文件：docker-compose.yml

version: "2"
services:
  redis:
    container_name: redis
    image: redis:latest
    ports:
      - 7113:6379
mariadb-test:
    container_name: mariadb-test
    image: wodby/mariadb
    ports:
      - 6604:3306
    environment:
      - MYSQL_ROOT_PASSWORD=***
      - MYSQL_USER=****_****
      - MYSQL_PASSWORD=****
      - MYSQL_DATABASE=****
      - MYSQL_CHARACTER_SET_FILESYSTEM=utf8mb4
      - MYSQL_CHARACTER_SET_SERVER=utf8mb4
      - MYSQL_CLIENT_DEFAULT_CHARACTER_SET=utf8mb4
      - MYSQL_COLLATION_SERVER=utf8mb4_unicode_ci
      - MYSQL_INIT_CONNECT=SET NAMES utf8mb4

Gulp任务

gulp.task('default', function (done) {
    runSequence('build:server', 'watch', 'start');
});

gulp.task('build:server', function (done) {
    var tsProject = tsc.createProject('tsconfig.json');
    var tsResult = gulp.src(['server/**/*.ts', 'server/**/*.tsx', '!server/test/**/*'])
        .pipe(cache('typescript'))
        .pipe(sourcemaps.init())
        .pipe(tsProject()).js
        .pipe(sourcemaps.mapSources(function (sourcePath, file) {
            return sourcePath.replace('../../', '../');
        }))
        .pipe(sourcemaps.write("."))
        .pipe(gulp.dest('dist/server'))
        .on('end', done);
});

gulp.task('watch', function () {
    gulp.watch(['server/**/*.ts', 'server/**/*.tsx', '!server/desktop/**/*', '!server/test/**/*'], ['compile']).on('change', function (e) {
        gutil.log( gutil.colors.blue.bold('[CHANGE] ') +  gutil.colors.green(e.path));
    });
});

gulp.task('start', function () {
    nodemon({
        script: 'dist/server/bin.js',
        watch: 'dist/',
        ext: 'html js',
        tasks: []
    });
});

我的launch.json配置

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Gulp",
      "program": "${workspaceFolder}/node_modules/gulp/bin/gulp.js",
      "args": [
        "default"
      ]
    },
    {
      "type": "node",
      "request": "attach",
      "name": "Docker",
      "address": "localhost",
      "port": 6379,
      "localRoot": "${workspaceFolder}",
      "remoteRoot": "/",
    }
  ]
}

我一直收到这个错误：

Error: Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:6379).

Answer 1

由于您没有在docker中运行您的应用程序，因此您无需使用它。但是，在启动节点进程时，需要将--inspect或--inspect-brk添加到gulp任务中。

我建议你的gulpfile创建一个新的debug任务：

gulp.task('debug', function (done) {
  runSequence('build:server', 'watch', 'start:debug');
});

gulp.task('start:debug', function () {
  nodemon({
    script: 'dist/server/bin.js',
    watch: 'dist/',
    nodeArgs: ['--inspect'] // or --inspect-brk
    ext: 'html js',
    tasks: []
  });
});

然后你应该能够使用chrome调试代码，如下所示：https://blog.risingstack.com/how-to-debug-a-node-js-app-in-a-docker-container/

请注意，根据to this question，您应该使用nodemon 1.12.7或更高版本来实现此功能。