『Nuxt.js』Failed to execute 'appendChild' on 'Node': This node type does not support this method.

2020. 9. 16. 00:27Trouble Shooting

Nuxt.js에서 Generate를 사용하여 Product 환경에 배포하려고 할 때 발생되는 현상으로,

많은 사람들의 의견이 갈리는데 대체로 $nuxt에서 html 구조를 이상한태그를 추가하여 발생하는 오류라고 합니다.

때문에 번들링에서 생기는 오류로써 이를 해결하기 위해서는 

 

gulp 같은 방식을 사용해야 하는데 따로 설치를 하지 않고도 처리를 진행할 수 있는 방법이

nuxt에서는 가능합니다.

 

 

github.com/nuxt/nuxt.js/issues/5800#issuecomment-570110683

 

Failed to execute 'appendChild' on 'Node': This node type does not support this method. · Issue #5800 · nuxt/nuxt.js

Version 2.6 Reproduction link http://demo.xibangtech.com/ Steps to reproduce Source: https://github.com/xibang/xibang.tech Localhost dev is ok, but when nuxt generate and deploy to server, it occur...

github.com

해당 Github #5800 Issue에서는 본 내용에대해서 엄청 많은 답글이 달려있으며 저의 경우는 위 링크에 해당 코멘트를 통해서 해결이 가능했습니다.

 

module.exports = {
  build: {
    html: {
      minify: {
        collapseWhitespace: true,  // as @dario30186 mentioned
        removeComments: true, // 👈 add this line
      },
    },
  },
};