【vue3-vite项目按需引入Vant报错解决方法。】

按照官网的按需引入后报错 如图所示

报错信息意思是vant的样式引入路径不对。

按照路径找发现缺失一层目录

此时我们可以在vite.config.js文件中解析至正确路径。

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

修改后，重新运行vite，问题就好了。