javascript 前端 前端框架 Vue2.0+Vant图片预览（ImagePreview）无法显示照片

1.安装

通过 npm  安装vant2 的版本命令：cnpm i vant@latest-v2 -Snpm i vant@latest-v2 -S

2.应用代码

在全局（App.vue）中需要引入和注册全局组件：如下代码

import Vue from 'vue';

import Vant from 'vant';

import 'vant/lib/index.css';

Vue.use(Vant);

template:

3.图片无法正常显示，其余功能正常；报错如下信息；

 4.原因分析

原因：vant安装版本问题；现在默认安装的是peerDependencies。

5.解决方案

通过下面命令重新安装vant(2)，

npm i vant@latest-v2 --legacy-peer-deps；

重新安装后package.json中vant版本配置会变化如下

 6.重启服务器，重新刷新页面，问题解决

文章来源

 您阅读本篇文章共花了：