[DevTools Bug]: Open in editor , Path not found error

[a-c-sreedhar-reddy]

Website or app

I am using a local app

Repro steps

1. Open devtools
2. Select a component
3. Click open in editor

The path '/data:application/json;base64,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QUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsTUFzQ0EsS0F2Q0Y7QUFBQTtBQUFBO0FBQUE7QUFBQSxhQXdDQTtBQUFBLElBRUo7QUFBQSxJQUFDO0FBQUE7QUFBQTtBQUFBLGNBL0NrQjNDLFdBQVc7QUFBQTtBQUFBO0FBZ0RoQyxHQUFDO0FBQUEsVUFoRG9CQSxXQUFXO0FBQUE7QUFnRDlCNEMsTUF0RVd6QjtBQXdFYixlQUFlQTtBQUFXLElBQUFELElBQUFHLEtBQUF1QjtBQUFBQyxhQUFBM0IsSUFBQTtBQUFBMkIsYUFBQXhCLEtBQUE7QUFBQXdCLGFBQUFELEtBQUEiLCJuYW1lcyI6WyJtZW1vIiwidXNlSXNNb2JpbGUiLCJUZXh0UyIsIlZpZXciLCJWaWV3VkNlbnRlciIsIlJlYWN0Q29tcG9uZW50IiwiRGVza3RvcExvZ29TVkciLCJMb2dvU1ZHIiwiTW9iaWxlTG9nb1NWRyIsIkhlYWRlckxvZ29Db250YWluZXIiLCJzdHlsZWQiLCJoZWlnaHQiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsImN1cnNvciIsInZhcmlhbnRzIiwic3RhdGUiLCJlbmFibGVkIiwiZGlzYWJsZWQiLCJfYyIsIkhlYWRlckxvZ28iLCJfcyIsIl9jMiIsInR5cGUiLCJzaG93SWNvbk9ubHkiLCJvbkxvZ29DbGljayIsImhhbmRsZUxvZ29DbGljayIsImhhbmRsZUxvZ29Nb3VzZURvd24iLCJldmVudCIsInByZXZlbnREZWZhdWx0IiwibWV0YUtleSIsImJ1dHRvbiIsIndpbmRvdyIsIm9wZW4iLCJpc01vYmlsZSIsImlzVjIwUHJvbXB0UGFnZSIsImlubmVyV2lkdGgiLCJqdXN0aWZ5Q29udGVudCIsImdhcCIsImNvbG9yIiwiZm9udEZhbWlseSIsImZvbnRTaXplIiwiZm9udFdlaWdodCIsImxpbmVIZWlnaHQiLCJ0ZXh0V3JhcCIsIl9jMyIsIiRSZWZyZXNoUmVnJCJdLCJzb3VyY2VzIjpbIkhlYWRlckxvZ28udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAc3RpdGNoZXMvcmVhY3RcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgdXNlSXNNb2JpbGUgfSBmcm9tIFwiaG9va3MvdXNlSXNNb2JpbGVcIjtcblxuaW1wb3J0IHsgVGV4dFMsIFZpZXcsIFZpZXdWQ2VudGVyIH0gZnJvbSBcImNvbXBvbmVudHMvQ29yZVwiO1xuXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZXNrdG9wTG9nb1NWRyB9IGZyb20gXCJpY29ucy9kZXNrdG9wLWxvZ28uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBMb2dvU1ZHIH0gZnJvbSBcImljb25zL2xvZ28uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBNb2JpbGVMb2dvU1ZHIH0gZnJvbSBcImljb25zL21vYmlsZS1sb2dvLnN2Z1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlckxvZ29Qcm9wcyB7XG4gIHR5cGU6IFwiYmx1ZVwiIHwgXCJwdXJwbGVcIjtcbiAgb25Mb2dvQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBvbkxvZ29Db21tYW5kQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNob3dJY29uT25seT86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckxvZ29Db250YWluZXIgPSBzdHlsZWQoVmlldywge1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdmFyaWFudHM6IHtcbiAgICBzdGF0ZToge1xuICAgICAgZW5hYmxlZDoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJMb2dvOiBSZWFjdC5GQzxIZWFkZXJMb2dvUHJvcHM+ID0gbWVtbyhcbiAgKHsgdHlwZSwgZGlzYWJsZWQsIHNob3dJY29uT25seSwgb25Mb2dvQ2xpY2sgfTogSGVhZGVyTG9nb1Byb3BzKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlTG9nb0NsaWNrID0gKCkgPT4ge1xuICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25Mb2dvQ2xpY2s/LigpO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVMb2dvTW91c2VEb3duID0gKFxuICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICAgICkgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQubWV0YUtleSB8fCBldmVudC5idXR0b24gPT09IDEpIHtcbiAgICAgICAgd2luZG93Lm9wZW4oXCIvXCIsIFwiX2JsYW5rXCIpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBpc01vYmlsZSA9IHVzZUlzTW9iaWxlKCk7XG5cbiAgICBjb25zdCBpc1YyMFByb21wdFBhZ2UgPSB3aW5kb3cuaW5uZXJXaWR0aCA+PSA2NDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEhlYWRlckxvZ29Db250YWluZXJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVMb2dvQ2xpY2t9XG4gICAgICAgICAgb25Nb3VzZURvd249e2hhbmRsZUxvZ29Nb3VzZURvd259XG4gICAgICAgICAgc3RhdGU9e2Rpc2FibGVkID8gXCJkaXNhYmxlZFwiIDogXCJlbmFibGVkXCJ9XG4gICAgICAgID5cbiAgICAgICAgICA8Vmlld1ZDZW50ZXI+XG4gICAgICAgICAgICB7c2hvd0ljb25Pbmx5ID8gKFxuICAgICAgICAgICAgICA8TG9nb1NWRyB3aWR0aD1cIjI1cHhcIiBoZWlnaHQ9XCIyNXB4XCIgLz5cbiAgICAgICAgICAgICkgOiBpc01vYmlsZSA/IChcbiAgICAgICAgICAgICAgPE1vYmlsZUxvZ29TVkcgaGVpZ2h0PVwiMjdweFwiIC8+XG4gICAgICAgICAgICApIDogaXNWMjBQcm9tcHRQYWdlID8gKFxuICAgICAgICAgICAgICA8Vmlld1xuICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICBnYXA6IDgsXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxMb2dvU1ZHIGhlaWdodD17MjB9IHdpZHRoPXsyMH0gLz5cbiAgICAgICAgICAgICAgICA8VGV4dFNcbiAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCIkd2hpdGVcIixcbiAgICAgICAgICAgICAgICAgICAgZm9udEZhbWlseTogXCJJbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogMTgsXG4gICAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDcwMCxcbiAgICAgICAgICAgICAgICAgICAgbGluZUhlaWdodDogXCIyNHB4XCIsXG5cbiAgICAgICAgICAgICAgICAgICAgdGV4dFdyYXA6IFwibm93cmFwXCIsXG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIGludmlkZW8gQUlcbiAgICAgICAgICAgICAgICA8L1RleHRTPlxuICAgICAgICAgICAgICA8L1ZpZXc+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8RGVza3RvcExvZ29TVkcgaGVpZ2h0PVwiMzdweFwiIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvVmlld1ZDZW50ZXI+XG4gICAgICAgIDwvSGVhZGVyTG9nb0NvbnRhaW5lcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJMb2dvO1xuIl0sImZpbGUiOiIvVXNlcnMvYS1jLXNyZWVkaGFyLXJlZGR5L2ludmlkZW8vaXYtcHJvL2l2LXByby13ZWIvd2ViL3NyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXJMb2dvLnRzeCJ9/HeaderLogo.tsx:41' does not exist on this computer.

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

No response

Error component stack (automated)

No response

GitHub query string (automated)

No response

[GrinZero]

The information you provided is a bit limited. Can you provide more information. For example, what local app? React version? What packaging tools are used.

[mipawn]

I also encountered the same problem Building tool: vite Platform: Mac React version: 18.3.1

[davincho]

Steps to create a sample project:

1. pnpm create vite my-sample-react-app --template react-ts
2. cd my-sample-react-app
3. Edit vite.config.ts and include sourcemap inline (see https://vitejs.dev/config/build-options.html#build-sourcemap)
4. pnpm run dev

I have done exactly these steps in here: https://stackblitz.com/edit/vitejs-vite-g9nqrs?file=vite.config.ts

Steps to reproduce:

1. Go to the preview of the stackblitz project
2. Open up the React Devtools, inspect the one React component and click on Open in Editor
3. You will get an error message like the following

The problem

It looks like base64 encoded inline sourcemaps do not work well with the current implementation. The value of sourceURL in looks like the following

{
    "sourceURL": "data:application/json;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IkFBU0ksbUJBR00sY0FITjsyQkFUSjtBQUFpQixNQUFRLGNBQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDaEMsT0FBT0EsZUFBZTtBQUN0QixPQUFPQyxjQUFjO0FBQ3JCLE9BQU87QUFFUCxTQUFTQyxNQUFNO0FBQUFDLEtBQUE7QUFDYixRQUFNLENBQUNDLE9BQU9DLFFBQVEsSUFBSUMsU0FBUyxDQUFDO0FBRXBDLFNBQ0UsbUNBQ0U7QUFBQSwyQkFBQyxTQUNDO0FBQUEsNkJBQUMsT0FBRSxNQUFLLHNCQUFxQixRQUFPLFVBQ2xDLGlDQUFDLFNBQUksS0FBS0wsVUFBVSxXQUFVLFFBQU8sS0FBSSxlQUF6QztBQUFBO0FBQUE7QUFBQTtBQUFBLGFBQW9ELEtBRHREO0FBQUE7QUFBQTtBQUFBO0FBQUEsYUFFQTtBQUFBLE1BQ0EsdUJBQUMsT0FBRSxNQUFLLHFCQUFvQixRQUFPLFVBQ2pDLGlDQUFDLFNBQUksS0FBS0QsV0FBVyxXQUFVLGNBQWEsS0FBSSxnQkFBaEQ7QUFBQTtBQUFBO0FBQUE7QUFBQSxhQUE0RCxLQUQ5RDtBQUFBO0FBQUE7QUFBQTtBQUFBLGFBRUE7QUFBQSxTQU5GO0FBQUE7QUFBQTtBQUFBO0FBQUEsV0FPQTtBQUFBLElBQ0EsdUJBQUMsUUFBRyw0QkFBSjtBQUFBO0FBQUE7QUFBQTtBQUFBLFdBQWdCO0FBQUEsSUFDaEIsdUJBQUMsU0FBSSxXQUFVLFFBQ2I7QUFBQSw2QkFBQyxZQUFPLFNBQVMsTUFBTUssU0FBUyxDQUFDRCxXQUFVQSxTQUFRLENBQUMsR0FBRTtBQUFBO0FBQUEsUUFDMUNBO0FBQUFBLFdBRFo7QUFBQTtBQUFBO0FBQUE7QUFBQSxhQUVBO0FBQUEsTUFDQSx1QkFBQyxPQUFDO0FBQUE7QUFBQSxRQUNLLHVCQUFDLFVBQUssMkJBQU47QUFBQTtBQUFBO0FBQUE7QUFBQSxlQUFpQjtBQUFBLFFBQU87QUFBQSxXQUQvQjtBQUFBO0FBQUE7QUFBQTtBQUFBLGFBRUE7QUFBQSxTQU5GO0FBQUE7QUFBQTtBQUFBO0FBQUEsV0FPQTtBQUFBLElBQ0EsdUJBQUMsT0FBRSxXQUFVLGlCQUFlLCtEQUE1QjtBQUFBO0FBQUE7QUFBQTtBQUFBLFdBRUE7QUFBQSxPQXBCRjtBQUFBO0FBQUE7QUFBQTtBQUFBLFNBcUJBO0FBRUo7QUFBQ0QsR0EzQlFELEtBQUc7QUFBQUssS0FBSEw7QUE2QlQsZUFBZUE7QUFBRyxJQUFBSztBQUFBQyxhQUFBRCxJQUFBIiwibmFtZXMiOlsicmVhY3RMb2dvIiwidml0ZUxvZ28iLCJBcHAiLCJfcyIsImNvdW50Iiwic2V0Q291bnQiLCJ1c2VTdGF0ZSIsIl9jIiwiJFJlZnJlc2hSZWckIl0sImlnbm9yZUxpc3QiOltdLCJzb3VyY2VzIjpbIkFwcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCByZWFjdExvZ28gZnJvbSAnLi9hc3NldHMvcmVhY3Quc3ZnJ1xuaW1wb3J0IHZpdGVMb2dvIGZyb20gJy92aXRlLnN2ZydcbmltcG9ydCAnLi9BcHAuY3NzJ1xuXG5mdW5jdGlvbiBBcHAoKSB7XG4gIGNvbnN0IFtjb3VudCwgc2V0Q291bnRdID0gdXNlU3RhdGUoMClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2PlxuICAgICAgICA8YSBocmVmPVwiaHR0cHM6Ly92aXRlanMuZGV2XCIgdGFyZ2V0PVwiX2JsYW5rXCI+XG4gICAgICAgICAgPGltZyBzcmM9e3ZpdGVMb2dvfSBjbGFzc05hbWU9XCJsb2dvXCIgYWx0PVwiVml0ZSBsb2dvXCIgLz5cbiAgICAgICAgPC9hPlxuICAgICAgICA8YSBocmVmPVwiaHR0cHM6Ly9yZWFjdC5kZXZcIiB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgICAgICA8aW1nIHNyYz17cmVhY3RMb2dvfSBjbGFzc05hbWU9XCJsb2dvIHJlYWN0XCIgYWx0PVwiUmVhY3QgbG9nb1wiIC8+XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGgxPlZpdGUgKyBSZWFjdDwvaDE+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNhcmRcIj5cbiAgICAgICAgPGJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBzZXRDb3VudCgoY291bnQpID0+IGNvdW50ICsgMSl9PlxuICAgICAgICAgIGNvdW50IGlzIHtjb3VudH1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxwPlxuICAgICAgICAgIEVkaXQgPGNvZGU+c3JjL0FwcC50c3g8L2NvZGU+IGFuZCBzYXZlIHRvIHRlc3QgSE1SXG4gICAgICAgIDwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHAgY2xhc3NOYW1lPVwicmVhZC10aGUtZG9jc1wiPlxuICAgICAgICBDbGljayBvbiB0aGUgVml0ZSBhbmQgUmVhY3QgbG9nb3MgdG8gbGVhcm4gbW9yZVxuICAgICAgPC9wPlxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFxuIl0sImZpbGUiOiIvaG9tZS9wcm9qZWN0cy92aXRlanMtdml0ZS1nOW5xcnMvc3JjL0FwcC50c3gifQ==/App.tsx",
}

A potential solution

We would need to parse the base64 string as the decoded base64 has the following structure and we could use the path in file to open it up in VSCode.

{
  "version": 3,
  "mappings": "AAOI;AAPJ,SAASA,kBAAkB;AAC3B,SAASC,kBAAkB;AAC3B,OAAOC,SAAS;AAChB,OAAO;AAEPD,WAAWE,SAASC,eAAe,MAAM,CAAE,EAAEC;AAAAA,EAC3C,uBAAC,cACC,iCAAC,SAAD;AAAA;AAAA;AAAA;AAAA,SAAI,KADN;AAAA;AAAA;AAAA;AAAA,SAEA;AACF",
  "names": [
    "StrictMode",
    "createRoot",
    "App",
    "document",
    "getElementById",
    "render"
  ],
  "ignoreList": [],
  "sources": ["main.tsx"],
  "sourcesContent": [
    "import { StrictMode } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport App from './App.tsx'\nimport './index.css'\n\ncreateRoot(document.getElementById('root')!).render(\n  <StrictMode>\n    <App />\n  </StrictMode>,\n)\n"
  ],
  "file": "/home/projects/vitejs-vite-g9nqrs/src/main.tsx"
}