vue打包时在图片处报错，Syntax Error: Error: ‘**\node_modules\pngquant-bin\vendor\pngquant.exe‘

打包时显示在一个图片路径处报错Syntax Error: Error: ‘D:\work\tiny-sample\src\frontend\web\packages\src-entry\node_modules\pngquant-bin\vendor\pngquant.exe’可以看出是因为包pngquant-bin报错了，而该包是由image-webpack-loader的依赖得来的，所以根本原

小玲子小玲子

8880人浏览 · 2022-01-07 15:34:24

小玲子小玲子 · 2022-01-07 15:34:24 发布

打包时显示在一个图片路径处报错
Syntax Error: Error: ‘D:\work\tiny-sample\src\frontend\web\packages\src-entry\node_modules\pngquant-bin\vendor\pngquant.exe’
在这里插入图片描述
可以看出是因为包pngquant-bin报错了，而该包是由image-webpack-loader的依赖得来的，所以根本原因是在image-webpack-loader.
解决：删除依赖image-webpack-loader，再重新安装，不行就多试几次，亲测

npm uninstall image-webpack-loader
npm install image-webpack-loader

如果还是不行，给npm设置镜像重新执行上面两步

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^