javascript - Google chrome 日志指示 xml.js :30 instead of actual line

标签 javascript reactjs google-chrome webpack javascript-debugger

我正在使用 react v15.6.1 和 webpack v1.13.1 并将我的东西捆绑到一个文件中,这通常没有问题。但是现在在过去的几个小时左右,每当我遇到错误或者只是记录一些东西并在谷歌浏览器中查看控制台时,每个日志和错误据说都来自 xml.js 中的第 30 行,这是一个我什至没有的文件创造了我自己。在 Firefox 上测试它一切正常,但由于某种原因在 chrome 中无法正常工作。有什么想法吗?

最佳答案

尝试将源映射添加到您的 webpack 包配置中。

webpack.dev.config.js:

const config = {

    devtool: 'source-map',

    ..
}

参见:https://webpack.github.io/docs/configuration.html#devtool

相关问题:React debug in browser when using bundle.js

关于javascript - Google chrome 日志指示 xml.js :30 instead of actual line,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46266423/

相关文章:

javascript - 如何在 POST 请求中发送两个文本正文?

javascript - 为什么jquery中的.add()方法对集合进行排序?

javascript - .map 对象标题数组到一个基于票数的新数组

javascript - 避免在 chrome 扩展中弹出 HTTP 身份验证(摘要)

css - IE11 中的粗体看起来与 chrome 中的粗体明显不同——这可以补救吗?

javascript - "Member not found"- jQuery 无法在 MSIE 中工作,但可以在 Chrome 中工作 -

javascript - typescript + react : Element type is invalid: expected a string (for built-in components)

javascript - AJAX调用AngularJS中的post方法

css - 在 ReactJS 中一个接一个地淡入部分元素

reactjs - 将 *all* styled-system 属性添加到 styled-component 对性能有何影响?