在 Vue3+Vite+Vant 项目中配置自动按需引入插件 vite-plugin-style-import 报错? 

 

上面是我们按照 Vant 官网快速上手中的方式配置 vite-plugin-style-import 插件时,执行 npm run dev 报错:Failed to resolve import???

解决方案

vite.config.js文件中的 styleImport里面需要加上 libs代码块:

libs: [
   {
     libraryName: 'vant',
     esModule: true,
     resolveStyle: name => `../es/${name}/style`
   }
]

最终配置好应该是这样的:

让我们再一次运行一下

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐