一. Syntax Error: Error: Cannot find module 'imagemin-gifsicle'
- npm run build 报错,报错如下
- 原因
这个错误消息显示缺少了 imagemin-gifsicle 模块,而它是 image-webpack-loader 的依赖项,导致构建失败。 - 解决
(1)方法一
(2)方法二
卸载已有的image-webpack-loader,用 cnpm 重新安装
bash
// 卸载
npm uninstall image-webpack-loader
// cnpm 安装
cnpm install --save-dev image-webpack-loader
二. Vue packages version mismatch:vue-template-compiler
- 报错信息如下
bash
Error:
Vue packages version mismatch:
- vue@2.6.14 (D:\workDir\xxx\xxx\web\node_modules\vue\dist\vue.runtime.common.js)
- vue-template-compiler@2.7.14 (D:\workDir\xxx\xxx\web\node_modules\vue-template-compiler\package.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.
- 原因
这个错误信息显示您当前安装的 Vue.js 版本与 vue-template-compiler 版本不匹配,可能会导致一些问题。为了确保正常工作,应该确保这两者使用相同的版本。 - 解决
更新 vue-template-compiler 版本
npm install vue-template-compiler@2.6.14
三. This dependency was not found:composition-api
- 报错信息如下
bash
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'
- 原因
`这个错误提示表明项目中的某个模块依赖了 @vue/composition-api 的特定文件 vue-composition-api.mjs,但是该文件未被找到,导致构建失败。 - 解决
安装 @vue/composition-api
bash
npm install --save @vue/composition-api
四. These dependencies were not found:vab-icons vab-icons/lib/vab-icons.css
- 报错如下