【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘

一. Syntax Error: Error: Cannot find module ‘imagemin–gifsicle’

1. npm run build 报错，报错如下
   
2. 原因
   这个错误消息显示缺少了 imagemin–gifsicle 模块，而它是 image–webpack–loader 的依赖项，导致构建失败。
3. 解决
   （1）方法一
   
   （2）方法二
   卸载已有的image–webpack–loader，用 cnpm 重新安装

// 卸载
 npm uninstall image-webpack-loader
// cnpm 安装
cnpm install --save-dev image-webpack-loader

二. Vue packages version mismatch:vue–template–compiler

1. 报错信息如下

Error: 

Vue packages version mismatch:

- vue@2.6.14 (D:workDirxxxxxxwebnode_modulesvuedistvue.runtime.common.js)
- vue-template-compiler@2.7.14 (D:workDirxxxxxxwebnode_modulesvue-template-compilerpackage.json)

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

2. 原因
   这个错误信息显示您当前安装的 Vue.js 版本与 vue-template-compiler 版本不匹配，可能会导致一些问题。为了确保正常工作，应该确保这两者使用相同的版本。
3. 解决
   更新 vue-template-compiler 版本
   npm install vue-template-compiler@2.6.14

三. This dependency was not found:composition–api

1. 报错信息如下

This dependency was not found:

* @vue/composition-api/dist/vue-composition-api.mjs in ./node_modules/vue-demi/lib/index.mjs

To install it, you can run: npm install --save @vue/composition-api/dist/vue-composition-api.mjs
Error from chokidar (D:): Error: EBUSY: resource busy or locked, lstat 'D:DumpStack.log.tmp'

2. 原因
   `这个错误提示表明项目中的某个模块依赖了 @vue/composition-api 的特定文件 vue-composition-api.mjs，但是该文件未被找到，导致构建失败。
3. 解决
   安装 @vue/composition-api

npm install --save @vue/composition-api

四. These dependencies were not found:vab–icons vab–icons/lib/vab–icons.css

1. 报错如下
   

代码007普通

打赏 收藏 海报 链接