diff --git a/e2e/fixtures/i18n/index.test.ts b/e2e/fixtures/i18n/index.test.ts index 97d905f19..6ab30e17d 100644 --- a/e2e/fixtures/i18n/index.test.ts +++ b/e2e/fixtures/i18n/index.test.ts @@ -190,7 +190,7 @@ test.describe('i18n test', async () => { await page.waitForTimeout(100); await page.click('.rspress-nav-menu-group-content a'); await page.waitForTimeout(100); - const content = await page.textContent('#root'); + const content = await page.textContent('#__rspress_root'); expect(content).not.toEqual(''); const overviewContentEn = await page.textContent('.overview-index'); expect(overviewContentEn).toContain('Overview'); diff --git a/e2e/fixtures/plugin-preview-custom-entry/rspress.config.ts b/e2e/fixtures/plugin-preview-custom-entry/rspress.config.ts index 314f6c438..31cd59aad 100644 --- a/e2e/fixtures/plugin-preview-custom-entry/rspress.config.ts +++ b/e2e/fixtures/plugin-preview-custom-entry/rspress.config.ts @@ -14,14 +14,14 @@ export default defineConfig({ import { createApp } from 'vue'; import App from ${JSON.stringify(demoPath)}; import ${JSON.stringify(entryCssPath)}; -createApp(App).mount('#root'); +createApp(App).mount('#__rspress_root'); `; } return ` import { createRoot } from 'react-dom/client'; import ${JSON.stringify(entryCssPath)}; import Demo from ${JSON.stringify(demoPath)}; -const container = document.getElementById('root'); +const container = document.getElementById('__rspress_root'); createRoot(container).render(); `; }, diff --git a/packages/core/index.html b/packages/core/index.html index c8d48707a..70ae79c40 100644 --- a/packages/core/index.html +++ b/packages/core/index.html @@ -9,7 +9,7 @@ -
+
diff --git a/packages/core/src/runtime/csrClientEntry.tsx b/packages/core/src/runtime/csrClientEntry.tsx index 33dfd0ed7..90df91687 100644 --- a/packages/core/src/runtime/csrClientEntry.tsx +++ b/packages/core/src/runtime/csrClientEntry.tsx @@ -1,5 +1,5 @@ import { createRoot } from 'react-dom/client'; import { ClientApp } from './ClientApp'; -const container = document.getElementById('root')!; +const container = document.getElementById('__rspress_root')!; createRoot(container).render(); diff --git a/packages/core/src/runtime/ssrClientEntry.tsx b/packages/core/src/runtime/ssrClientEntry.tsx index e5465e92a..f940c9094 100644 --- a/packages/core/src/runtime/ssrClientEntry.tsx +++ b/packages/core/src/runtime/ssrClientEntry.tsx @@ -10,7 +10,7 @@ import { initPageData } from './initPageData'; // 3. add onRecoverableError async function renderInBrowser() { - const container = document.getElementById('root')!; + const container = document.getElementById('__rspress_root')!; const initialPageData = await initPageData( removeBase(window.location.pathname), ); diff --git a/packages/document/docs/en/plugin/official-plugins/preview.mdx b/packages/document/docs/en/plugin/official-plugins/preview.mdx index d661d53d3..69a8749a0 100644 --- a/packages/document/docs/en/plugin/official-plugins/preview.mdx +++ b/packages/document/docs/en/plugin/official-plugins/preview.mdx @@ -189,7 +189,7 @@ export default defineConfig({ import { createApp } from 'vue'; import App from ${JSON.stringify(demoPath)}; import ${JSON.stringify(entryCssPath)}; - createApp(App).mount('#root'); + createApp(App).mount('#__rspress_root'); `; }, builderConfig: { diff --git a/packages/document/docs/zh/plugin/official-plugins/preview.mdx b/packages/document/docs/zh/plugin/official-plugins/preview.mdx index 778820e98..4139f623b 100644 --- a/packages/document/docs/zh/plugin/official-plugins/preview.mdx +++ b/packages/document/docs/zh/plugin/official-plugins/preview.mdx @@ -187,7 +187,7 @@ export default defineConfig({ import { createApp } from 'vue'; import App from ${JSON.stringify(demoPath)}; import ${JSON.stringify(entryCssPath)}; - createApp(App).mount('#root'); + createApp(App).mount('#__rspress_root'); `; }, builderConfig: { diff --git a/packages/plugin-preview/src/generate-entry.ts b/packages/plugin-preview/src/generate-entry.ts index e110e5595..e4c7b5cdd 100644 --- a/packages/plugin-preview/src/generate-entry.ts +++ b/packages/plugin-preview/src/generate-entry.ts @@ -21,14 +21,14 @@ export function generateEntry( import { render } from 'solid-js/web'; import ${JSON.stringify(entryCssPath)}; import Demo from ${JSON.stringify(demoPath)}; - render(() => , document.getElementById('root')); + render(() => , document.getElementById('__rspress_root')); `; const reactEntry = ` import { createRoot } from 'react-dom/client'; import ${JSON.stringify(entryCssPath)}; import Demo from ${JSON.stringify(demoPath)}; - const container = document.getElementById('root'); + const container = document.getElementById('__rspress_root'); createRoot(container).render(); `; const entryContent = customEntry @@ -68,7 +68,7 @@ export function generateEntry( ) } - const container = document.getElementById('root'); + const container = document.getElementById('__rspress_root'); createRoot(container).render(); `; const solidContent = ` @@ -91,7 +91,7 @@ export function generateEntry( ) } - render(() => , document.getElementById('root')); + render(() => , document.getElementById('__rspress_root')); `; const renderContent = framework === 'solid' ? solidContent : reactContent; const id = `_${toValidVarName(key)}`;