我试着用这个技巧：const Foo = () => import ('./ Foo.vue');为我的路由器，但奇怪的是，当我把我的应用程序带到服务器上时，打开SPA页面需要很长时间。如果我使用import Test from('./ Foo.vue');，一切都快得多。为什么？附注：我使用vite + vue 3
const Foo = () => import ('./ Foo.vue');
import Test from('./ Foo.vue');
vite
vue 3
nbysray51#
出现问题的原因可能是您尝试使用Vue 2.x语法延迟加载组件，使用动态import()在Vue 3.x中，您需要在defineAsyncComponent中 Package 要延迟加载的组件：
import()
import { defineAsyncComponent } from 'vue' const asyncModal = defineAsyncComponent(() => import('./Modal.vue'))
下面是Vue 3迁移指南中有关此内容的部分
1条答案
按热度按时间nbysray51#
出现问题的原因可能是您尝试使用Vue 2.x语法延迟加载组件，使用动态
import()在Vue 3.x中，您需要在defineAsyncComponent中 Package 要延迟加载的组件：
下面是Vue 3迁移指南中有关此内容的部分