Question

我正在尝试使用Angular CLI生成的Angular 4项目的Chrome Debugger扩展，在Windows 7下的Visual Studio Code中设置断点。我收到错误消息：断点被忽略，因为找不到生成的代码

以下是我对tsconfig.json

的看法

class CreateSchema < ActiveRecord::Migration[5.0]
  def up
    unless schema_exists?('salesforce')
      execute "CREATE SCHEMA salesforce"
    end
    unless table_exists?('salesforce.ontap__order__c')
      create_table 'salesforce.ontap__order__c'
    end
    add_column :'salesforce.ontap__order__c', :currencyisomode, :string
    unless table_exists?('salesforce.ontap__order_item__c')
      create_table 'salesforce.ontap__order_item__c'
    end
    add_column :'salesforce.ontap__order_item__c', :currencyisomode, :string
  end

  def down
    if schema_exists?('salesforce')
      drop_table 'salesforce.ontap__order_item__c'
      drop_table 'salesforce.ontap__order__c'
      execute('drop schema salesforce')
    end
  end
end

以下是我对launch.json

的看法

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

Answer 1

我弄明白了这个问题。 Visual Studio Code Debugger仅适用于适用于Chrome，Angular CLI和Angular的调试器的特定版本组合。它不适用于Angular 4.0和1.0版本的Angular CLI。但是Angular 4.1.3和Angular CLI 1.0.6工作正常。请按照以下步骤操作：

安装Chrome调试程序可视代码扩展
在“调试”菜单上，单击“打开配置”

将.vscode \ launch.json修改为如下所示：

LinearLayout rootLayout = (LinearLayout) findViewById(R.id.nonogram);

for(int row = 0; row < field.getRowCount(); row ++) {
    [...]
    rootLayout.addView(row1);
}

关闭所有Chrome浏览器
在应用程序目录的命令行中运行npm start
在代码中设置断点
按浏览器中的Control-F5

断点被忽略，因为找不到生成的代码

1 个答案: