unplugin-vue-components在vue-router中无法自动导入组件?

在view/HomeView.vue使用自定义组件时一直找不到,只能在App.vue里能找到,
报错:No loader is configured for ".vue" files: packages/components/card/Card.vue


回答:

相对路径的问题。安装vue-loader 和 vue-template-compiler也没解决问题。
以为App.vue就是所有的入口,结果HomeView.vue也是入口;
我用unplugin-vue-components导入的是自定义组件,我的组件放在src同级的packages目录下,如果从App.vue去找是能找到的,但换了views/HomeView.vue就是从当前文件的路径去找就找不到了;
在vite.config.ts配置一个别名,使其能定位到packages目录下

resolve: {

alias: {

'@': fileURLToPath(new URL('./src', import.meta.url)),

'@packages': fileURLToPath(new URL('./packages', import.meta.url))

}

}

以上是 unplugin-vue-components在vue-router中无法自动导入组件? 的全部内容, 来源链接: utcz.com/p/935284.html

回到顶部