Vant中ActionSheet组件引入出错

Question

我在Vue项目中引入Vant的ActionSheet组件，引入代码如下(在页面中，不是在main.js里)

import { ActionSheet } from 'vant';

export default {
    components: {
        'van-action-sheet': ActionSheet,
    },
    data() {
        return {
            upload_thumb: false,        //打开上传头像菜单
            actions: [
                {name: '拍照'},
                {name: '从手机相册选择'}
            ]
        }
    },
    methods: {
        onSelect (item) {
            console.log(item.name)
        }
    },
}

但在components里设置组件名的时候就报错

请问是什么原因？怎么解决啊？

Answer 1

报错原因：这个vant组件里面找不到van-action-sheet
Vant描述
或删除再重新安装