Skip to content

VSCode Native script - Don't recognise breakpoints #9237

Description

@raulvaldoleiros

Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

{
  "name": "@nativescript/template-hello-world-ng",
  "main": "main.js",
  "version": "7.0.9",
  "author": "NativeScript Team <oss@nativescript.org>",
  "description": "NativeScript Application",
  "license": "SEE LICENSE IN <your-license-filename>",
  "publishConfig": {
    "access": "public"
  },
  "keywords": [
    "nativescript",
    "mobile",
    "angular",
    "{N}",
    "template"
  ],
  "repository": "<fill-your-repository-here>",
  "bugs": {
    "url": "https://github.com/NativeScript/NativeScript/issues"
  },
  "dependencies": {
    "@angular/animations": "~11.0.0",
    "@angular/common": "~11.0.0",
    "@angular/compiler": "~11.0.0",
    "@angular/core": "~11.0.0",
    "@angular/forms": "~11.0.0",
    "@angular/platform-browser": "~11.0.0",
    "@angular/platform-browser-dynamic": "~11.0.0",
    "@angular/router": "~11.0.0",
    "@nativescript/angular": "~11.0.0",
    "@nativescript/core": "~7.1.0",
    "@nativescript/schematics": "^11.0.0",
    "@nativescript/theme": "~3.0.0",
    "@nativescript/webpack": "3.0.0",
    "@schematics/angular": "^11.0.0",
    "project-helpers": "^0.4.0",
    "reflect-metadata": "~0.1.12",
    "rxjs": "^6.6.0",
    "tslint": "^6.1.3",
    "zone.js": "~0.11.1"
  },
  "devDependencies": {
    "@angular/cli": "^11.0.0",
    "@angular/compiler-cli": "~11.0.0",
    "@nativescript/android": "7.0.1",
    "@nativescript/ios": "7.2.0",
    "@nativescript/types": "~7.0.0",
    "@ngtools/webpack": "~11.0.0",
    "typescript": "~4.0.0"
  },
  "private": "true",
  "readme": "NativeScript Application"
}

Describe the bug
I'm using native script angular in vscode with nativescript extension. When I try to debug the application (ios) it doesn't stop in the breakpoints and the editor doesn't recognise the breakpoint.

In the debug console I can see the following messae "Error when trying to require webpack.config.js file from path '/Users/raulvaldoleiros/vscode-workspaces/ns-ng-course/webpack.config.js'. Error is: TypeError: host.onUnRecoverableConfigFileDiagnostic is not a function"

I also have uninstalled and installed webpack, added --debug-brk to arguments, executed ns migrate, created a new project from scratch and nothing seems to work.

To Reproduce
Run the launch file


{
            "name": "Launch on iOS",
            "type": "nativescript",
            "request": "launch",
            "platform": "ios",
            "appRoot": "${workspaceRoot}",
            "sourceMaps": true,
            "watch": true
        }

Expected behavior
The application stop in the breakpoint

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions