如何解读Chrome控制台调试数据?

时间:2018-05-03 20:32:11

标签: javascript reactjs webpack

我想知道这条线,但我甚至不知道该文件。我在开发者模式下运行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的引用,但这对我没那么好。

1 个答案:

答案 0 :(得分:0)

根据评论,您需要为webpack启用源映射。 Webpack有关devtool parameter here

的大量文档

启用源映射后,您应该发出.map个文件。