javascript - react项目，有什么好的调试方式吗？

问题描述

问 题

react项目，运行的时候，都打包到一个bundle.js文件里面，然后控制台报错后，定位的文件都是定位bundle.js的内的位置，完全不知道自己代码是哪里的问题。有什么好的调试方式吗？

解决方案

一、使用 React Developer Tools 来调试 VirtualDOM。
二、Webpack 设置 devtool 来显示，哪部分代码报错。

Webpack devtool 设置例子。

module.exports = {
  devtool: 'cheap-eval-source-map',
}

这篇关于javascript - react项目，有什么好的调试方式吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！