vue打包npm run build打包图片发生error出错

Question

这是一个vue项目的打包，npm run build后如下错误，截图这仅仅是众多错误中的一个错误，其他错误都是类似的。我把他完整地复制下来了，试了很多方法，比如修改src为如下代码还是不行

ERROR Failed to compile with 14 errors error in ./src/assets/pic_8.png

Module build failed (from ./node_modules/image-webpack-loader/index.js):
Error: 'E:\ \H5convert\H5convert-weicheng\node_modules\pngquant-bin\vendor\pngquant.exe' ڲ ⲿ Ҳ ǿ еij

     ļ   
at notFoundError (E:\其他工作\H5convert\H5convert-weicheng\node_modules\imagemin-pngquant\node_modules\cross-spawn\lib\enoent.js:6:26)
at verifyENOENT (E:\其他工作\H5convert\H5convert-weicheng\node_modules\imagemin-pngquant\node_modules\cross-spawn\lib\enoent.js:40:16)
at ChildProcess.cp.emit (E:\其他工作\H5convert\H5convert-weicheng\node_modules\imagemin-pngquant\node_modules\cross-spawn\lib\enoent.js:27:25)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)

@ ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"eb53340a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Convert_weicheng.vue?vue&type=template&id=b6659c2c&scoped=true& 7:1984-2021
@ ./src/views/Convert_weicheng.vue?vue&type=template&id=b6659c2c&scoped=true&
@ ./src/views/Convert_weicheng.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./src/main.js

求大佬能解析一下，谢谢

Answer 1

你这个应该是图片压缩的时候出错的
关闭360腾讯电脑管家等软件
重新执行一下
要用cnpm 因为npm下载不下了
npm remove image-webpack-loader
cnpm install --save-dev image-webpack-loader

然后在 npm run build

Answer 2

配置一下路径别名试试还报错不：

vue.config.js

configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    }
  },

html:

<img src="@/assets/pic.png" alt="">

Answer 3

想问一下具体怎么操作的？

Answer 4

请问楼主是否解决了呢？

Answer 5

vue中使用要先require加载，同步方法。
在data中定义变量：

data() {
    return {
        pic1:require(@/assets/pic_1.png),
        pic2:require(@/assets/pic_2.png),
    }

}

在html中调用：

<img :url="pic1" alt="">

这样就不会存在图片找不到的问题