Debug w/ Create React App does not seem to work.

Environment

1. node -v: 8.9.4

2. npm -v: 5.6.0

3. npm ls react-scripts (if you haven’t ejected): react-scripts@1.0.17

4. Operating system: OSX 10.13.2

Steps to Reproduce

1. open vscode and ensure I have the latest vscode-jest installed
2. npx create-react-app my-app
3. cd my-app && yarn add @types/jest
4. Create the .vscode/launch.json file and add the following configuration, from the create-react-app readme.

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug CRA Tests",
      "type": "node",
      "request": "launch",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts",      
      "args": [
        "test",
        "--runInBand",
        "--no-cache",
        "--env=jsdom"
      ],
      "cwd": "${workspaceRoot}",
      "protocol": "inspector",
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ]
}

source: https://github.com/facebook/create-react-app/blob/ed5c48c81b2139b4414810e1efe917e04c96ee8d/packages/react-scripts/template/README.md#debugging-tests-in-visual-studio-code

1. Add the following test to src/App.test.js

it('SIMPLE TEST', () => {
  let x = 1;
  let y = 2;
  expect(1).toEqual(2);
});

1. Add a breakpoint, and Click the Debug lens above the test.

Expected Behavior

The debug overlay to open and the debugger to break.

Actual Behavior

Error: Cannot find jest.js file

---

Note: Following some research elsewhere on this issue queue and elsewhere I’ve also tried setting my jest.pathToJest in my .vscode/settings.json to a number of different settings with no luck.

Reference:

• https://github.com/jest-community/vscode-jest/issues/113

• https://github.com/jest-community/vscode-jest/issues/125

• https://github.com/facebook/create-react-app/issues/2709

• https://github.com/facebook/create-react-app/issues/594

• https://stackoverflow.com/questions/47575916/vscode-says-it-cannot-find-jest-js-file

[beaksandclaws]

Hey! So I was experiencing the exact same problem, and it turned out I needed to add a .babelrc to the root of my project with just the following:

{
  "presets": [
    "react-app"
  ]
}

You may need to restart vscode, but I’m not totally sure.

[fabienjuif]

In same way, and for those who don’t like having a lot of configuration file at root of their projects, you can add this to your package.json:

  "babel": {
    "presets": [
      "react-app"
    ]
  }