diff --git a/playground/ssr-vue/example-external-component/package.json b/playground/ssr-vue/example-external-component/package.json
index 302e7fd4d9ff05..f1fd45bc5655ad 100644
--- a/playground/ssr-vue/example-external-component/package.json
+++ b/playground/ssr-vue/example-external-component/package.json
@@ -2,5 +2,6 @@
   "name": "example-external-component",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "main": "index.js"
 }
diff --git a/playground/ssr-vue/vite.config.js b/playground/ssr-vue/vite.config.js
index 0adfa551b3b134..03277fd6560551 100644
--- a/playground/ssr-vue/vite.config.js
+++ b/playground/ssr-vue/vite.config.js
@@ -45,5 +45,11 @@ module.exports = {
   ],
   build: {
     minify: false
+  },
+  ssr: {
+    noExternal: [
+      // this package has uncompiled .vue files
+      'example-external-component'
+    ]
   }
 }