diff --git a/packages/docs/guide/advanced/lazy-loading.md b/packages/docs/guide/advanced/lazy-loading.md
index 0a4f35808..5a1718add 100644
--- a/packages/docs/guide/advanced/lazy-loading.md
+++ b/packages/docs/guide/advanced/lazy-loading.md
@@ -13,7 +13,7 @@ Vue Router supports [dynamic imports](https://developer.mozilla.org/en-US/docs/W
 // replace
 // import UserDetails from './views/UserDetails'
 // with
-const UserDetails = () => import('./views/UserDetails')
+const UserDetails = () => import('./views/UserDetails.vue')
 
 const router = createRouter({
   // ...
diff --git a/packages/docs/zh/guide/advanced/lazy-loading.md b/packages/docs/zh/guide/advanced/lazy-loading.md
index 099d50cba..40c1790ef 100644
--- a/packages/docs/zh/guide/advanced/lazy-loading.md
+++ b/packages/docs/zh/guide/advanced/lazy-loading.md
@@ -11,9 +11,9 @@ Vue Router 支持开箱即用的[动态导入](https://developer.mozilla.org/en-
 
 ```js
 // 将
-// import UserDetails from './views/UserDetails'
+// import UserDetails from './views/UserDetails.vue'
 // 替换成
-const UserDetails = () => import('./views/UserDetails')
+const UserDetails = () => import('./views/UserDetails.vue')
 
 const router = createRouter({
   // ...