Hi, I have a VuePress generated static website deployed on Netlify, I am currently running into errors like:
Failed to execute 'appendChild' on 'Node': This node type does not support this method.
only when reloading inner pages (i.e, not homepage.).
However, I didn’t come across these issues when I’m in my local environment (both in dev mode and in production mode), I only run into these issues when I deploy my site to Netlify. Confusing…
I have prepared an example of this problem on this pull request of my site: dowww/pull/54, source code on this branch: dowww/tree/fix-versioning, and the corresponding deployed Netlify instance is at: deploy-preview-54–dowww. To reproduce the problem, simply open this link directly: https://deploy-preview-54--dowww.netlify.app/1.1/4-Advanced/4-2-LxRunOffline.html, or go into any one of the inner pages and reload, and you can see the issue popping up in the console:
To assure you that this issue is not met in local environments, you can verify by cloning the branch mentioned above, and run
yarn docs:dev for dev mode. For development mode, you can run
yarn docs:build and go into the built static site folder
docs/.vuepress/dist and run a http server with
python3 -m http.server.
As the deployed version on Netlify is in production mode, it’s very hard to debug the issue. Thanks for all the help!