webpack打包时，出现ReferenceError: document is not defined

 

会出现这样的原因主要是因为在index.html中多加了
<script src="js/carousel.js"></script>这一行代码，把它删除问题就解决了
我的目录结构：
在这里插入图片描述

 **注意：要把引用js的这一行代码删除，只是单单的注释可能还会出现类似的错误**

    1

出现这样的问题是出在plugin组件中在这里插入图片描述
使用 html-webpack-plugin打包，html- webpack-plugin创建一个空的HTML文件，找到template下的文件复制到这个空的 HTML文件中，再将打包好的其他资源全部引入这个空的HTML文件，如果原文件中已经存在了<script src="js/carousel.js"></script>这行引入代码，就可能产生冲突，报错。
————————————————
版权声明：本文为CSDN博主「帅气又高冷的表面~有一个憨憨的灵魂」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_45425616/article/details/116355281