构建后编辑 React 生成的内容

Question

I'm using react-snap to pre-generate my website content instead of client side rendering.

After building the project, when I manually edit index.html , the changes only get applied if the edited elements are outside <div id="root"/> .

I can add scripts and meta tags to the <head/> or to the bottom of <body/> ; but nothing happens when I edit the content of <div id="root"/> . When I inspect the site the contents have not changed but the code inside html file is different.

What is causing this behavior and how can I bypass it?

Answer 1

Why do you need to edit index.html ? By default, create-react-app uses index.html as a fallback.

Make sure you're not using self-closing tags like this: <div id="root"/>

and replace with this:

<div id="root"> </div>