将错误打印在控制台并输出到document

react/main.tsx

@@ -2,19 +2,26 @@
 import React, { lazy, StrictMode, Suspense } from 'react'
 import ReactDOM from 'react-dom/client'
 
-const ErrorApp = () => {
-  return <div>未找到入口文件，请检查文件是否存在，且是 default 导出</div>
+const ErrorApp = (props) => {
+  return (
+    <pre>
+      <code>{props.message}</code>
+    </pre>
+  )
 }
 
 const App = lazy(() =>
-  import(/* @vite-ignore */ __MAIN__).catch(() => ({
-    default: ErrorApp,
-  }))
+  import(/* @vite-ignore */ __MAIN__).catch((e) => {
+    console.error(e)
+    return {
+      default: () => <ErrorApp message={e.message} />,
+    }
+  })
 )
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
-    <Suspense fallback={<ErrorApp />}>
+    <Suspense fallback={null}>
       <App />
     </Suspense>
   </StrictMode>

vue/main.ts

@@ -1,15 +1,19 @@
 import { createApp, h } from 'vue'
 
-const ErrorApp = {
-  default: {
-    template: '<div>未找到入口文件，请检查文件是否存在，且是 default 导出</div>',
-  }
-}
-
-import(/* @vite-ignore */ __MAIN__).catch(() => ErrorApp).then(App => {
-  createApp({
-    render() {
-      return h(App.default)
+import(/* @vite-ignore */ __MAIN__)
+  .then((module) => module.default)
+  .catch((e) => {
+    console.error(e)
+    return {
+      render() {
+        return h('pre', [h('code', e.message)])
+      },
     }
-  }).mount('#root')
-})
+  })
+  .then((App) => {
+    createApp({
+      render() {
+        return h(App)
+      },
+    }).mount('#root')
+  })