初使用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+内容请搜索靠谱客的其他文章。