Как интерпретировать данные отладки консоли Chrome?

Question

Я хотел бы знать строку, но я даже не знаю файл. Я запускаю Webpack / React в режиме разработчика и могу убедиться в этом по красноватому значку отладки в Chrome, поскольку у меня установлены React Dev Tools.

Я получаю эту ошибку:

Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, 

open '/Users/foo/root/repo_fave/client-react/src/components/CAddModal.jsx'
        at eval (webpack-internal:///133:1)
        at Object.<anonymous> (bundle.js:1624)
        at __webpack_require__ (bundle.js:20)
        at Object.eval (F1.jsx?edf4:9)
        at eval (125:106)
        at Object.<anonymous> (bundle.js:1553)
        at __webpack_require__ (bundle.js:20)
        at eval (index.jsx?f769:10)
        at Object.<anonymous> (bundle.js:1902)
        at __webpack_require__ (bundle.js:20)

Где-то в моей кодовой базе я пытаюсь открыть файл CAddModal.jsx, но он не существует. Но где именно?

Я вижу много ссылок на выходной файл webpack bundle.js, но это мало мне помогает.

Answer 1

В комментариях вам нужно включить отображение источника для веб-пакета. Webpack содержит обширную документацию по параметру devtool здесь .

После включения сопоставления источника вы должны получить файл .map.