[Bug] Nx Node (express) app & Chrome Dev Tools are breaking in our application

nawlbergs commented 1 year ago

Current Behavior

Not sure if this is a chrome issue, an issue with webpack, nx or what... but Im posting it here... because I started to rewrite our production application with nrwl and quickly hit a major blocker with the node/express application.

The chrome debugger just completely falls apart in certain files. The tooltips stop working, color coding disappears and variables/methods are missing from scope. (this did not occur at all in our legacy and much much large express app)

I took a weed-whacker to the nx app - removed everything possible and pushed up a public repo.

Expected Behavior

Dev tools work

Github Repo

https://github.com/nawlbergs/dev-tools-issue

Steps to Reproduce

clone repo git clone https://github.com/nawlbergs/dev-tools-issue
npm i
npm start
go to http://localhost:3333
open chromes node dev tools
refresh browser after tools are open... debuggers should trigger with broken devtools

Nx Report

- macOs monterey 12.6 (m1) - and pretty sure my windows10 pc had same issue as im at inlaws and cant check right now - (christmas)
- Chrome (latest) Version 108.0.5359.124 (Official Build) (arm64)

   Node : 16.17.0
   OS   : darwin arm64
   npm  : 7.24.2

   nx : 15.3.3
   @nrwl/angular : Not Found
   @nrwl/cypress : 15.3.3
   @nrwl/detox : Not Found
   @nrwl/devkit : 15.3.3
   @nrwl/esbuild : Not Found
   @nrwl/eslint-plugin-nx : 15.3.3
   @nrwl/expo : Not Found
   @nrwl/express : 15.3.3
   @nrwl/jest : 15.3.3
   @nrwl/js : 15.3.3
   @nrwl/linter : 15.3.3
   @nrwl/nest : Not Found
   @nrwl/next : Not Found
   @nrwl/node : 15.3.3
   @nrwl/nx-cloud : Not Found
   @nrwl/nx-plugin : Not Found
   @nrwl/react : Not Found
   @nrwl/react-native : Not Found
   @nrwl/rollup : Not Found
   @nrwl/schematics : Not Found
   @nrwl/storybook : Not Found
   @nrwl/web : Not Found
   @nrwl/webpack : 15.3.3
   @nrwl/workspace : 15.3.3
   typescript : 4.8.4
   ---------------------------------------
   Local workspace plugins:
   ---------------------------------------
   Community plugins:

Failure Logs

No response

Additional Information

No response

nawlbergs commented 1 year ago

I was able to remote into my windows 10 machine and verify that the problem also on windows....

nawlbergs commented 1 year ago

Update: this seems to be related to arrow functions that have generics... removing all arrow functions that have a generic ( or converting them to a standard function ) seems to resolve it... at least in this scenario...

I'm finding it hard to believe no one else is running into this.

Most likely not related to NX ... but anyone have thoughts on what repo this should get posted to? ts-loader? webpack?

nawlbergs commented 1 year ago

@AgentEnder you can close this: https://bugs.chromium.org/p/chromium/issues/detail?id=1403355

github-actions[bot] commented 1 year ago

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.

nrwl / nx