背景:基于 vue2,element2的框架上做裁剪图片功能,使用npm安装vue-cropper,在调研过程和开发环境上都没问题,线上打包后部署,直接报错。 i.call is not a function......
解决方案: 基于 vue-cropper的包,复制出vue-cropper.vue和exif.main.js放入项目文件夹中,然后在使用的地方直接引入vue-cropper.vue,即可使用。
文件目录
新建文件夹 vueCropper。
vueCropper
exif.main.js
vue-cropper.vue
引入方法
// 当前路径需要修改成自己的实际路径
import VueCropper from '相对路径/vueCropper/vue-cropper.vue';
components: {
VueCropper
}
编译后可能还会exif.main.js报错,和个人配置的eslint有关,只需要把exif.main.js文件中的
catch {
obj.orientation = -1;
}
语法改为
catch (error) {
obj.orientation = -1;
}
网友评论