9、webpack开发--出现错误如何定位到源文件

※项目使用前文webpack清理输出的内容一节建立的项目

1、修改print.js 文件

export default function print() {console.error('code find a error!');
}

2、构建工程并运行

npm run build

3、运行效果如下：

这里只能看到发生了错误，并且是发生在编译后的app.bundle.js文件中，并不能正确定位发生错我的源文件。

4、更改webpack.config.js中的配置，将构建方式启用source map，一边跟踪错误

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');module.exports = {entry: {app: './src/index.js',print: './src/print.js'},devtool: 'inline-source-map',output: {filename: '[name].bundle.js',path: path.resolve(__dirname, 'dist')},plugins: [new HtmlWebpackPlugin({title: '输出管理'}),new CleanWebpackPlugin()]
}

5、重新构建工程并运行

npm run build

6、运行效果如下，这样就可以将问题定位到具体源文件以及错误行了！

9、webpack开发--出现错误如何定位到源文件相关推荐

Android NDK开发Crash错误定位
在Android开发中,程序Crash分三种情况:未捕获的异常.ANR(Application Not Responding)和闪退(NDK引发错误).其中未捕获的异常根据logcat打印的堆栈信息很 ...
webpack 开发模式管理 Development
webpack 开发模式管理 Development GitHub 学习 Demo. 接下来将一些开发时的 webpack 配置. warnning : 本指南中的工具仅用于开发,请避免在生产中使用它 ...
NDK撩妹三部曲（四）—NDK 开发如何优雅的定位 Native 异常，看这篇就够了
NDK 开发如何优雅的定位 Native 异常,看这篇就够了从何说起? 摘要案例实操 aaddr2line objdump ndk-stack 1.假设我们已经通过 adb logcat 拿到了程 ...
前端进阶（二）webpack开发服务器环境配置
webpack开发服务器 webpack 使用 babel 处理高版本的 js 语法 babel 的介绍 => 用于处理高版本 js语法的兼容性安装包 yarn add -D babel-l ...
React + Typescript + Webpack 开发环境配置
对于复杂或多人开发的 React 项目来说,管理和使用每个组件的 props . state 或许会成为一件让人头痛的事情,而为每一个组件写文档,成本也会比较大,对项目的开发效率也不是最理想的. Ty ...
android 地图服务开发 INSTALL_FAILED_MISSING_SHARED_LIBRARY 错误解决
android 地图服务开发 INSTALL_FAILED_MISSING_SHARED_LIBRARY 错误解决地图服务开发中遇到此类错误大体分为以下两种情况解决:(论坛里大多都是属于第一种情况的 ...
2020-11-12（JNI开发常见错误）
JNI开发常见错误 a.Native method not found:com.itheim.hello.Mainactivity.hello_InC:()Ljava/lang/String: 可能出 ...
ISE调用Notepad++并且实现错误高亮定位的方法
ISE调用Notepad++并且实现错误高亮定位的方法不管是ISE还是QII,自带的文本编辑软件虽有改进,但仍然让人不过瘾,写代码一直用的是Notepad++,一个很好用的文本编辑软件.最近做毕设, ...
Github(5)-开源开发-常见错误
使用github 托管代码简单使用教程--开源开发-常见错误 5. github开源开发 6. 报错log 6.1 fatal: remote origin already exists. 6.2 T ...

9、webpack开发--出现错误如何定位到源文件

9、webpack开发--出现错误如何定位到源文件相关推荐

最新文章

热门文章