From f9f5c647de983b496ec1754515487ff7fe6d48da Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Fri, 4 Mar 2022 04:03:28 +0800
Subject: [PATCH] chore: try

---
 .../ssr-deps/__tests__/ssr-deps.spec.ts        |  5 +++++
 packages/playground/ssr-vue/src/pages/Home.vue | 18 +++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/packages/playground/ssr-deps/__tests__/ssr-deps.spec.ts b/packages/playground/ssr-deps/__tests__/ssr-deps.spec.ts
index 8a201c9eb87455..75998a2a2bb7a5 100644
--- a/packages/playground/ssr-deps/__tests__/ssr-deps.spec.ts
+++ b/packages/playground/ssr-deps/__tests__/ssr-deps.spec.ts
@@ -15,6 +15,11 @@ test('msg should be encrypted', async () => {
   )
 })
 
+test("importing missing dynamic dep shouldn't fail", async () => {
+  await page.goto(url)
+  expect(await page.textContent('.missing-dep')).toEqual('not-exist')
+})
+
 test('msg read by fs/promises', async () => {
   await page.goto(url)
   expect(await page.textContent('.file-message')).toMatch('File Content!')
diff --git a/packages/playground/ssr-vue/src/pages/Home.vue b/packages/playground/ssr-vue/src/pages/Home.vue
index 32a33882cc2324..fab8a4cd9fa1a4 100644
--- a/packages/playground/ssr-vue/src/pages/Home.vue
+++ b/packages/playground/ssr-vue/src/pages/Home.vue
@@ -15,15 +15,20 @@
     encrypted message:
     <p class="encrypted-msg"></p>
   </div>
+  <div>
+    missing-dep
+    <p class="missing-dep">{{ missingDep }}</p>
+  </div>
 
   <ImportType />
 </template>
 
-<script setup>
+<script setup async>
 import foo from '@foo'
 import { msg as virtualMsg } from '@virtual-file'
 import { reactive, defineAsyncComponent } from 'vue'
 import Button from '../components/button'
+
 const ImportType = load('ImportType')
 const Foo = defineAsyncComponent(() =>
   import('../components/Foo').then((mod) => mod.Foo)
@@ -36,6 +41,17 @@ const url = import.meta.env.SSR
   : document.querySelector('.import-meta-url').textContent
 const protocol = new URL(url).protocol
 
+async function tryMissingDynamicLoad() {
+  try {
+    await import('some-missing-patch')
+    return 'imported'
+  } catch (e) {
+    return 'not-exist'
+  }
+}
+
+const missingDep = await tryMissingDynamicLoad()
+
 const state = reactive({
   count: 0,
   protocol,