vue-cropper icon indicating copy to clipboard operation
vue-cropper copied to clipboard

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

Open a1067111756 opened this issue 11 months ago • 2 comments

环境: "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

a1067111756 avatar Feb 29 '24 01:02 a1067111756

我修复下这个问题

xyxiao001 avatar Feb 29 '24 06:02 xyxiao001