xyxiao001 / vue-cropper

A simple picture clipping plugin for vue
https://github.xyxiao.cn/vue-cropper/docs/vue3.html
MIT License
4.31k stars 700 forks source link

关于vitePress打包时报错这个问题? #787

Open a1067111756 opened 7 months ago

a1067111756 commented 7 months ago

环境: "vitepress": "1.0.0-rc.44", "vue": "3.3.4", "vite": "^4.3.9", "vue-cropper": "^1.1.1",

复现情况: 开发环境:一切正常,功能完整 正式环境:(package.json启用了type: "module")

  1. 打包时出现报错,如下截图,从报错可以看出是打包的格式问题,不支持ES module。 微信截图_20240229092355
  2. 然后换个思路,在vite -> ssr -> noExternal设置中将vue-cropper加入非外部化来避免es转换,继续打包出现如下报错 ssr: { noExternal: ['vue-cropper'] }

微信截图_20240229092749 从报错中可以看出是代码中使用了File对象,vitepress目标产物是在node环境中,没有提供这些全局对象,导致报错,这个地方需要处理

    3.  暂时解决方案:在打包代码vue-cropper.es.js中将使用File的声明去掉,打包成功

11 13

xyxiao001 commented 7 months ago

我修复下这个问题

yuanqingqingf commented 2 weeks ago

我修复下这个问题 你好,1.1.4版本也遇到这个问题了,是还没修复么