vite构建项目按需引入vant时vite-plugin-style-import 报错 require.resolve is not a function

最近开始使用vite去替代了传统的脚手架vue- cli ，为什么好好的脚手架不用，开始追求了vite，时过境迁，我们见证了诸如webpack、Rollup和Parcel等工具的变迁，它们极大地改善了前端开发者的开发体验。在将来 一定是vue3 + vite + ts时代。

下面说一下用vite简单构建项引入vant一些流程 和 报错解决

1.搭建vite项目

使用npm

npm init vite@latest

使用 Yarn

yarn create vite

使用 PNPM

pnpm create vite

2.引入vant

下面是vant官方在vite中按需引入的步骤

1）.安装

2）.引入

在完成以上步骤时候，我们去运行项目 yarn run dev ，这时候报错 “require.resolve is not a function”

很多小伙伴不知道 怎么去解决，本人去百度和各大社区都没找到解决问题。最后和同事一起去研究，才知道是版本的问题。

在进行安装样式插件时候，

将1**.2.0**版本改为 1.4.1版本即可

yarn add vite-plugin-style-import@1.4.1

这时候 就会成功启动

可以看到按需引入的button样式也可以实现了