Question

IDE：Vscode版本1.27.1 框架：AngularJS 测试：Jasmine＆Karma

我正在玩AngularJS教程，构建一个电话列表应用-https://docs.angularjs.org/tutorial/。

为提高调试技巧，我下载了Vscode的chrome调试器扩展。在调试用jasmine编写并由karma执行的单元测试的过程中，我将karma配置为在调试模式下运行，并且将launch.json文件配置为附加模式。运行业力测试，打开了一个新的Chrome浏览器，监听9222端口-太好了！当我开始调试时，Vscode连接到相同的端口（在launch.json中定义）并开始调试过程-太好了！但是-Vscode不会让我定义断点（开始调试后，我得到的只是未填充的灰色圆圈）。

那是我的launch.json文件。

        {
        "type": "chrome",
        "request": "attach",
        "name": "Debug tests in Chrome",
        "port": 9222,
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
       }

那是我的karma.conf.js文件

//jshint strict: false
module.exports = function (config) {
config.set({

    basePath: './app',

    files: [
      'bower_components/angular/angular.js',
      'bower_components/angular-mocks/angular-mocks.js',
      '**/*.module.js',
      '*!(.module|.spec).js',
      '!(bower_components)/**/*!(.module|.spec).js',
      '**/*.spec.js'
    ],

    autoWatch: true,

    frameworks: ['jasmine'],

    browsers: ['Chrome', 'Firefox'],

    customLaunchers: {
      Chrome_with_debugging: {
        base: 'Chrome',
        flags: ['--remote-debugging-port=9222'],
        debug: true
      }
    },

    plugins: [
      'karma-chrome-launcher',
      'karma-firefox-launcher',
      'karma-jasmine'
    ]
  });
};

这是我的业力测试命令：

karma start karma.conf.js --browsers Chrome_with_debugging

Screenshot of grey breakpoint

Screenshot of Karma browser

谁知道如何解决？

无法在Vscode上使用Chrome调试设置断点

0 个答案: