webpack typescript ts-loader problem matcher for vscode

package.json

{
  "scripts": {
    "watch": "webpack --watch"
  },
  "devDependencies": {
    "ts-loader": "^5.3.3",
    "typescript": "^3.4.4",
    "webpack": "^4.24.0",
    "webpack-cli": "^3.1.2"
  },
}

tasks.json

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "watch",
      "type": "npm",
      "script": "watch -- --info-verbosity verbose",
      "group": "build",
      "isBackground": true,
      "problemMatcher": {
        "owner": "typescript",
        "severity": "error",
        "fileLocation": "absolute",
        "pattern": [
          {
            "regexp": "^\\[tsl\\] ERROR in (.*)\\((\\d+),(\\d+)\\)$",
            "file": 1,
            "line": 2,
            "column": 3,
          },
          {
            "regexp": "^\\s+(TS\\d+):\\s(.*)$",
            "code": 1,
            "message": 2
          }
        ],
        "background": {
          "activeOnStart": true,
          "beginsPattern": "Compilation  starting…",
          "endsPattern": "Compilation  finished"
        }
      }
    }
  ]
}

taskserrors.png

vscodeerrors.png