Content duplication on Netlify deploy while it is fine locally

[JeremieLitzler]

Hello,

I'm using a Node 16.13 and yarn 1.22.11.
My website used vuepress 2 beta 53 with Mr Hope awesome theme in beta 132.

I have this web page (for example, but I see the same behavior on all post pages) deployed by a netlify build from this repossitory on the main branch.

I see this on the production URL:

Locally, I see that, which is the expected result:

When I load the production page, I see the right content for a second and then it seems to be replaced:

Somehow, I also find some of the content repeated twice as I scroll... I am not sure why this happens.

I don't use the Asset optimization nor the Prerendering option (there is no difference with my issue anyways).

What could be the source of my issue?

Thanks.

[JeremieLitzler]

OK, and if I deploy the same repo and branch to another instance, the page looks fine if I access it from the home page > Read button and select the article in the list...

If I do CTRL + SHIFT + F5 on the article page, the issue occurs and I can't get out of it unless I start back from the homepage...

[Mister-Hope]

Hi, I spent 10 minutes but I failed to findout any problems, you are using standard html tags, and the console is not showing you got a hygration mismatch,

Also other pages seems not having these kind of issue.

You may try to make a mininal repo to see if this is related to your markdown content by trying to create a new template and add your notes inside it. If you can reproduce it, welcome to try editing that file to see what part triggers this issue, and show that repo link and I may investigate further.

If you can not reproduce it stablely, then I am afraid I have no ideas about how this issue happens, it's annoying to debug these kind of questions in production without any warning or errors.

[JeremieLitzler]

Hi @Mister-Hope

I have found the source of the problem.

When I have the image title, the image disappears:

![Someone cutting vegetables in a garden](./images/2022-12-05-the-art-of-lazy-composting-how-to-make-high-quality-compost-the-simple-way-huw-richards.jpg 'Often the compost comes from the waste of the vegetable garden. Credits: image taken from Huw Richards’s vlog')

When I don't use it, it is displayed fine:

![Someone cutting vegetables in a garden](./images/2022-12-05-the-art-of-lazy-composting-how-to-make-high-quality-compost-the-simple-way-huw-richards.jpg)

See the example on this page from this repo branch.

It seems that there is a bug in the image title enhancement option only in production while in development, the issue is not there.

BTW, you will see the same bug on your page: https://vuepress-theme-hope.github.io/v2/guide/markdown/image.html#image-size

Let me know if you need more information on the matter.

[JeremieLitzler]

Hi @Mister-Hope

I will try your fix from https://github.com/vuepress-theme-hope/vuepress-theme-hope/releases/tag/v2.0.0-beta.134 tomorrow!

Thanks for the quick turnaround :D

[JeremieLitzler]

@Mister-Hope

beta 134 works fine for me. Thanks.