vue-cropper
vue-cropper copied to clipboard
关于vitePress打包时报错这个问题?
环境: "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。
2. 然后换个思路,在vite -> ssr -> noExternal设置中将vue-cropper加入非外部化来避免es转换,继续打包出现如下报错
ssr: {
noExternal: ['vue-cropper']
}
从报错中可以看出是代码中使用了File对象,vitepress目标产物是在node环境中,没有提供这些全局对象,导致报错,这个地方需要处理
3. 暂时解决方案:在打包代码vue-cropper.es.js中将使用File的声明去掉,打包成功
我修复下这个问题