Vue报错-[Vue warn]: Unknown custom element: ＜van-action-sheet＞ - did you register the component correc

项目场景：

今天在使用到vant组件的时候引入报错。

[Vue warn]: Unknown custom element: <van-action-sheet> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

原因分析：

vant的ActionSheet 动作面板，v1、v2新旧版本不一样，名字都不一样。这可太细了。

ActionSheet  // 新版本
Actionsheet  // 旧版本

import和use的时候要注意，版本不对应就拉了。

import { Actionsheet } from "vant"; // 旧版本
Vue.use(Actionsheet)

import { ActionSheet } from "vant"; // 新版本
Vue.use(ActionSheet)

而且标签名也不一样：

van-action-sheet // 新版本
van-actionsheet // 旧版本