时间戳

首页 > 解决方案 > 如何解释 Chrome 控制台调试数据？

javascript - 如何解释 Chrome 控制台调试数据？

问题描述

我想知道这条线，但我什至不知道文件。我正在开发者模式下运行 Webpack / React，我可以通过 Chrome 中的红色调试图标来验证这一点，因为我安装了 React 开发工具。

我收到此错误：

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，但这对我没有什么好处。

标签： javascriptreactjswebpack

解决方案

根据评论，您需要为 webpack 启用源映射。Webpack 在此处有关于 devtool 参数的大量文档。

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

推荐阅读