irpas技术客

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

网络 7675

最近开始使用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样式也可以实现了

?


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #vant #vite #按需引入 #CLI #在将来 #一定是vue3