javascript - with - jest syntaxerror: unexpected token import

Jest+Babel en el depurador de código VS hace que los puntos de interrupción se muevan

Question

Estoy tratando de depurar un proyecto simple usando el código de babel, jest y vs. Cuando establezco un punto de interrupción y luego empiezo a depurar, mis puntos de interrupción saltan y ya no están donde estaban cuando comencé. Un ejemplo de repositorio se puede ver aquí: https://github.com/RyanHirsch/starter-node

He actualizado mi launch.json para contener

{
  "name": "Jest",
  "type": "node",
  "request": "launch",
  "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
  "stopOnEntry": false,
  "args": ["-i", "${file}"],
  "cwd": "${workspaceRoot}",
  "runtimeExecutable": null,
  "sourceMaps": true,
  "protocol": "inspector"
}

Y mi .babelrc parece a:

{
  "plugins": ["@babel/plugin-proposal-object-rest-spread"],
  "sourceMaps": "inline",
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "6.10"
        }
      }
    ]
  ]
}

Pensé que las opciones del mapa de origen eran suficientes para hacer que esto funcionara, pero estaba equivocado. ¿Qué debe cambiar para mantener mis puntos de interrupción en sus ubicaciones originales? Específicamente al intentar depurar mis pruebas.

==== Editar ====

Antes de que mis puntos de interrupción estén en la línea de prueba 10 y en la línea de implementación 4:

Cuando comienzo a depurar seleccionando mi archivo de prueba y luego ejecuto Jest en el panel de depuración de Código VS, mis puntos de interrupción saltan a la línea de prueba 9 y la línea de implementación 6:

Ejecutándose en Nodo 9.6.1 con las siguientes extensiones:

DavidAnson.vscode-markdownlint
EditorConfig.EditorConfig
Orta.vscode-jest
PKief.material-icon-theme
PeterJausovec.vscode-docker
Shan.code-settings-sync
bungcip.better-toml
dbaeumer.vscode-eslint
dracula-theme.theme-dracula
dzannotti.vscode-babel-coloring
eamodio.gitlens
esbenp.prettier-vscode
gerane.Theme-FlatlandMonokai
humao.rest-client
mauve.terraform
mikestead.dotenv
mjmcloug.vscode-elixir
mohsen1.prettify-json
ms-vscode.Theme-MaterialKit
ms-vscode.azure-account
ms-vscode.cpptools
ritwickdey.LiveServer
sbrink.elm
shanoor.vscode-nginx
vscodevim.vim

Answer 1

Se solucionó este problema (con jest 23.6.0), se comprobó que se trataba de un problema conocido en la aplicación create reaccion, se resolvió en esta solicitud de extracción:

https://github.com/facebook/create-react-app/pull/3605/files

Aplicó la siguiente configuración a mi launch.json

{ "type": "node", "request": "launch", "name": "Jest All", "program": "${workspaceFolder}/node_modules/jest/bin/jest", "args": [ "test", "--runInBand", "--no-cache"  ], "sourceMaps": false, "console": "integratedTerminal", "internalConsoleOptions": "neverOpen" },

Se las arregló para que se rompiera en los puntos de ruptura correctos.

Answer 2

Nodo de instalación:

https://nodejs.org/en/download/

Instalar el complemento de Chrome:

https://chrome.google.com/webstore/detail/nodejs-v8-inspector-manag/gnhhdgbaldcilmgcpfddgdbkhjohddkj?hl=en

En su terminal ejecute el siguiente script

node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand

Más referencia para la solución de problemas en el código vs siga las instrucciones en

https://jestjs.io/docs/en/troubleshooting

 {
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Jest Tests",
      "type": "node",
      "request": "launch",
      "runtimeArgs": [
        "--inspect-brk",
        "${workspaceRoot}/node_modules/jest/bin/jest.js",
        "--runInBand"
      ],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ]
}

Babel convertirá es6 a es5, por lo que no es dependiente para la inspección. Para la inspección se necesita el nodo y la extensión de Chrome de nodo.

Disfrutar de la codificación