eclipse-wildwebdeveloper / eclipse-wildwebdeveloper/wildwebdeveloper

Breakpoint stops in the transpiled js file instead of the source file

Open
#1,371 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Java
Stars
201
Forks
76
Avg merge
4d 7h
Merged PRs (30d)
21

Description

I use a project that uses webpack to transpile js files. In new debug, when I put breakpoint in a source file, debug stops at the transpiled file instead of the source file.

Steps to reproduce:

  • yarn must be installed.
  • Run the commands:
git clone git@github.com:plone/volto.git
cd volto
yarn
Program: /path/to/volto/node_modules/razzle/bin/razzle.js
Arguments: start
Working directory: /path/to/volto
  • On the Environment tab, create a PATH variable and enter the path to the node executable folder on your machine. For example: /usr/bin
  • Click in Apply.
  • Click in Debug.
  • Wait for the server to start.
  • In the browser, access: http://localhost:3000
  • The debug stop in build/server.js instead of src/server.jsx

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue with the Volto setup and the Node.js application configuration using razzle/bin/razzle.js. Set a breakpoint at src/server.jsx line 176, access localhost:3000, and compare the stop in build/server.js with the requested source location. Done means the debugger stops in src/server.jsx rather than the transpiled file.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, node.js, webpack
Domain
developer-experience, devtools, tooling
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.