背景:基于 vue2,element2的框架上做裁剪圖片功能,使用npm安裝vue-cropper,在調(diào)研過(guò)程和開發(fā)環(huán)境上都沒(méi)問(wèn)題,線上打包后部署,直接報(bào)錯(cuò)。 i.call is not a function......
解決方案: 基于 vue-cropper的包,復(fù)制出vue-cropper.vue和exif.main.js放入項(xiàng)目文件夾中,然后在使用的地方直接引入vue-cropper.vue,即可使用。
文件目錄
新建文件夾 vueCropper。
vueCropper
exif.main.js
vue-cropper.vue
引入方法
// 當(dāng)前路徑需要修改成自己的實(shí)際路徑
import VueCropper from '相對(duì)路徑/vueCropper/vue-cropper.vue';
components: {
VueCropper
}
編譯后可能還會(huì)exif.main.js報(bào)錯(cuò),和個(gè)人配置的eslint有關(guān),只需要把exif.main.js文件中的
catch {
obj.orientation = -1;
}
語(yǔ)法改為
catch (error) {
obj.orientation = -1;
}