fix: TypeError: Cannot read property 'parentNode' of undefined

demo/watch-template/dist/index.html

@@ -6,7 +6,7 @@
 	<!--load a chunk file config and output in webpack-->
 	<script src="B.js"></script>
 	<!--load a local reset style file direct without local var webpack-->
-	<style>body {
+	<style rel="stylesheet">body {
     background-color: rebeccapurple;
 }</style>
 	<!--load a local google analyze file direct without local var webpack-->

lib/WebPlugin.js

@@ -117,8 +117,8 @@ class WebPlugin {
 				scriptResource.out(compilation);
 			});
 			// out styles to html document
-			this.htmlDocument.stylesResources.forEach(scriptResource => {
-				scriptResource.out(compilation);
+			this.htmlDocument.stylesResources.forEach(styleResource => {
+				styleResource.out(compilation);
 			});
 			// out others to html document
 			this.htmlDocument.otherResources.forEach(otherResource => {

lib/util.js

@@ -98,6 +98,10 @@ function isHotUpdateCompilation(compilation) {
  * @param newNodes new nodes will insert into oldNodes's position
  */
 function replaceNodesWithNodes(oldNodes, newNodes = []) {
+	// can't find oldNodes in document now
+	if (oldNodes.length === 0) {
+		return;
+	}
 	const childNodes = oldNodes[0].parentNode.childNodes;
 	let index = 0;
 	oldNodes.forEach(oldNode => {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "web-webpack-plugin",
-	"version": "1.8.3",
+	"version": "1.8.4",
 	"description": "web plugin for webpack, alternatives for html-webpack-plugin, use HTML as entry",
 	"keywords": [
 		"webpack",