uniapp使用vant的各种问题

最近应客户要求，打算使用uniapp集成vant，但使用之后发现，两者的兼容性一般，坑实在太多。
目前我看了大致上所有的uniapp使用vant例子和回答，但大多过于理想化，无法解决我遇到的问题。大致有以下几个
1.使用usingComponents引用组件，其中button组件可以使用，但是个别的组件，如：van-field会无法使用，点击时报错：Uncaught InvalidCharacterError: Failed to execute 'add' on 'DOMTokenList': The token provided ('van-cell--hover hover-class') contains HTML space characters, which are not valid in tokens. at view.umd.min.js:1

1. 使用vue3时，按照2的同样引用方法，所有的组件均无法通过usingComponents引用，报错：Failed to resolve component。
2. 在app.vue中引用@import '/wxcomponents/vant/common/index.wxss'，居然会要求修改index.wxss文件，添加空格，否则会报错。
   我不知道这些问题是只有我自己遇到过，还是其他人也遇到过，希望遇到类似的高人帮忙解答一下。