我是靠谱客的博主 奋斗蜗牛,最近开发中收集的这篇文章主要介绍初使用Vite+ Vant遇到的一些问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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遇到的一些问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(48)

评论列表共有 0 条评论

立即
投稿
返回
顶部