一般情况下，在Vue中引入组件，我们都会使用：import MyComponent from './MyComponent.vue';在大型项目中，我们经常需要进行分隔代码（split code），以免产生过大的单一文件。Vue router的文档中有推荐的使用方式：const MyComponent = () => import('./MyComponent.vue');结合webpack

多发生于项目从webpack迁移至vite的过程。虽然debug比较麻烦，但是解决方法意外简单。如果你在vite.config.js里添加了类似resolve: {extensions: ['.vue', '.js', '.json' ],alias: [{ find: "@", replacement: path.resolve(__dirname, './src') },],},这样的兼容逻辑