本文分析了一个常见的Webpack打包问题，详细解释了如何定位并解决由document.write()引起的错误，该错误导致了[object Object]被打印在页面上。通过调整入口JS文件的代码，避免了Webpack不当处理require语句。
问题描述：
如题，最终页面结果出现下面的问题
分析问题：
追踪了这个[object Object]，发现他是打印在新引入的js下方的，初步分析肯定是打包的时候出现了问题。
经过分析打包所需的几个js后，发现问题出现在入口(entry)js中：
问题出现在第二行，打包时webpack对第二行代码做了如下两件事：
- require("./codecopy.js")：正确的引入codecopy.js文件。
- document.write();：将require("./codecopy.js")这个对象打印在页面上。
最终就出现上面的这种情况。
博主还特意做了个测试：
首先是正常的：
然后是出错的：
解决问题：
相信大家看完这篇博文后应该已经知道该怎么做了吧~
扫一扫
1526
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
