概述
nodejs版本问题
在创建vite工程的时候,创建会直接报错。后面查找资料发现是nodejs版本低了,Vite 需要 Node.js 版本 14.18+,16+。vite是新一代构建工具,需要的nodejs版本较高,后面升级。通过nvm来管理node的版本,创建成功。
引入组件失败问题
用vite创建工程后,安装了vant组件库和插件,发现vant组件并不能使用。会报错找不到。查资料发现是路径不对。
正确路径:项目路径/node_modules/vant/es/组件/style
错误路径:项目路径/node_modules/vant/lib/vant/es/组件/style
在vite.config.ts中增加配置即可成功
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
styleImport({
resolves: [VantResolve()],
libs: [
{
libraryName: 'vant',
esModule: true,
resolveStyle: (name) => `../es/${name}/style`
}
],
}),
]
})
vant的版本问题
刚开始我直接安装npm i vant 这里默认安装的最新版,vant最新版在2022刚刚到4,和vant3有些差别。导致我用的vant4编程,看着vant3的文档,就会出错。vant4获取多多少少有些问题吧,后面把版本换成vant3了。版本问题一定得理清楚,不然后面会存在各种各样的问题。
最后
以上就是奋斗蜗牛为你收集整理的初使用Vite+ Vant遇到的一些问题的全部内容,希望文章能够帮你解决初使用Vite+ Vant遇到的一些问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复