背景:基于 vue2,element2的框架上做裁剪图片功能,使用npm安装vue-cropper,在调研过程和开发环境上都没问题,线上打包后部署,直接报错。 i.call is not a function... 解决方案: 基于 vue-cropper的包,复制出vue-cropper.vue和exif.main.js放入项目文件夹中,然后在使用的地方直接引入vue-cropper.vue,即可使用。 ...
全局引入: import VueCropper from 'vue-cropper'; import 'vue-cropper/dist/index.css' app.use(VueCropper) option1 在setup()已定义 runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Unhandled error during execution of render function at <VueCropper re...
yarn add vue-cropper@next 注意vue3使用的是vue-cropper@next , vue2 使用的是vue-cropper。 安装时要做好区分避免不必要的报错。 插件地址 https://github.com/xyxiao001/vue-cropper https://github.com/xyxiao001/vue-cropper 配置引入 单页面引入 import 'vue-cropper/dist/index.css' import { VueCro...
https://github.com/dedoyle/img-cropper 在main.js 引入这两行代码 import 'core-js/stable' import 'regenerator-runtime/runtime' 去掉这两行 ie10 正常运行,加上就不行,请问有人知道是什么原因吗? 报错信息: Unhandled promise rejectionInvalidStateError 看了作者的示例,用的是 babel6,不知是不是和我现...
vue3 项目 ts cdn 引入 vue-cropper 官网推荐引入方式 dev环境报错运行不了 后面发现打包后找不到 VueCropper,原来是名称问题, 修改如下: main.ts 直接引入 再添加脚本到html 文件 window.VueCropper = window['vue-cropper'] delete window['vue-cropper']...
如图,之前在vue cli项目使用过vue-advanced-cropper这个插件,正常引入没问题。但是放到小程序,就报了图二的错。一开始以为是引入错误,就把插件从node_module里面剪切到commpont文件下去相对路径/绝对路径引用,发现还是报错。有人遇到过这种问题吗?能否提供一下解决方向?不适用其他剪裁插件是因为项目比较赶,vue-advanced...
nuxt引入方式 if(process.browser){vueCropper=require('vue-cropper')Vue.use(vueCropper.default)} 3. 代码中使用 重要!需要关掉本地的 mock 服务, 不然图片转化会报错重要!需要使用外层容器包裹并设置宽高 <vueCropperref="cropper":img="option.img":outputSize="option.size":outputType="option.outputType"...
vue-cropper 2019-12-12 15:33 −需要使用外层容器包裹并设置宽高 使用 注意: 需要关掉本地的mock服务, 不然图片转化会报错 组件内使用 import { VueCropper } from 'vue-cropper' components: { VueCropper, }, main.js里面使用 import VueCrop... ...
推荐使用 vue 包装 cropperjs 的组件 https://github.com/Agontuk/vue-cropperjsgithub.com/Agon...
vue-cropper 2019-12-12 15:33 − 需要使用外层容器包裹并设置宽高使用 注意: 需要关掉本地的mock服务, 不然图片转化会报错组件内使用 import { VueCropper } from 'vue-cropper' components: { VueCropper, }, main.js里面使用 import VueCro... 一城柳絮吹成雪 0 918 Vue 2019-12-10 19:21 ...