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

这篇具有很好参考价值的文章主要介绍了【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

  1. npm run build 报错,报错如下
    【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘,软件下载安装,vue.js,npm,前端
  2. 原因
    这个错误消息显示缺少了 imagemin-gifsicle 模块,而它是 image-webpack-loader 的依赖项,导致构建失败。
  3. 解决
    (1)方法一
    【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘,软件下载安装,vue.js,npm,前端
    (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:\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.
  1. 原因
    这个错误信息显示您当前安装的 Vue.js 版本与 vue-template-compiler 版本不匹配,可能会导致一些问题。为了确保正常工作,应该确保这两者使用相同的版本。
  2. 解决
    更新 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'
  1. 原因
    `这个错误提示表明项目中的某个模块依赖了 @vue/composition-api 的特定文件 vue-composition-api.mjs,但是该文件未被找到,导致构建失败。
  2. 解决
    安装 @vue/composition-api
npm install --save @vue/composition-api

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

  1. 报错如下
    【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘,软件下载安装,vue.js,npm,前端

文章来源地址https://www.toymoban.com/news/detail-609066.html

到了这里,关于【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

    今天将VUE项目迁移到新的电脑上,配置不一样,导致报错: Error: Cannot find module \\\'@vue/cli-plugin-babel\\\' Require stack: - D:WWWVUExxxxxxnode_modules.store@vue+ cli-service@5.0.8- D:WWWVUExxxxxxnode_modules.store@vue+cli-service@5.0.8node_modules@vuecli-servicelibService.js - D:WWWVUExxxxxxnode_modules.store@vue+

    2024年01月19日
    浏览(65)
  • 解决使用npm出现Error: Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.jsprefix‘报错

    在我设置公司镜像源的时候遇到以下报错:Error: Cannot find module \\\'C:Program Filesnodejsnode_modulesnpmbinnpm-cli.jsprefix\\\',导致切换失败   分析问题:可以看到,报错的内容如下:  1、可以看到,问题的症结在于,无法找到npm-cli.js文件 2、既然无法找到,那么指定就是在安装目录下面

    2024年02月11日
    浏览(87)
  • yarn run serve报错Error: Cannot find module ‘@vue/cli-plugin-babel‘ 的解决办法

    关于这个问题,是在构建前端工程的时候遇到的,项目构建完成后,“yarn run serve”启动项目时,出现的问题:“  Error: Cannot find module ‘@vue/cli-plugin-babel‘  ” 如下图: 具体信息如下: 根据错误信息提示,在本地环境中没有找到组件“ @vue/cli-plugin-babel ” , 直接在本地安装

    2024年01月22日
    浏览(63)
  • Error: Cannot find module ‘×××××ב报错,找不到依赖问题解决方案

    小编最开始在解决这个问题时候在网上找的方案都不管用,最后还是请教大神才得到解决,下面是集中解决方案,希望对大家有帮助。 第一种方案 前端项目在拉取依赖或者启动项目时候,一直报错某依赖获取不到,首先我们找到项目中的node_modules文件夹和package-lock.json文件,

    2024年02月08日
    浏览(63)
  • 解决前端报错 Error: Cannot find module 'xxx'(包含 uniapp)

    在 npm install 安装好依赖后,执行打包命令时可能报错: 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种,只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是: 1、删除 node_modules 与 package-lock.json ,重新 $ npm install 一下

    2024年02月05日
    浏览(56)
  • 解决前端报错 Error: Cannot find module ‘xxx‘(包含 uniapp)

    在 npm install 安装好依赖后,执行打包命令时可能报错: 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种,只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是: 1、删除 node_modules 与 package-lock.json ,重新 $ npm install 一下

    2024年02月12日
    浏览(65)
  • Error: Cannot find module E:\nodejs\node_modules\npm\bin\npm-cli.js

    在用node开发服务器端的时候,发现用npm下载一个插件,成功之后,再用npm命令进行相关操作,报错了Error: Cannot find module E:nodejsnode_modulesnpmbinnpm-cli.js。 这个错误翻译过来就是说:找不到nodejsnode_modulesnpmbinnpm-cli.js这个路径对应的文件了,跑我的E盘看的时候,确实npm文件

    2024年02月08日
    浏览(66)
  • Linux下Node.js引用模块报错Error: Cannot find module

    背景:scrapyd上传的py文件,使用execjs调用Linux中的js文件,其中js引用了crypto-js,但是报错找不到这个模块(已安装) 2.1方法一 1, 执行命令 npm -g root ,查看全局安装的 Node.js 模块所在的路径 2, 将引用模块的路径改为绝对路径 const CryptoJS = require(“/usr/local/lib/node_modules/crypto-j

    2024年02月11日
    浏览(56)
  • 【前端】执行cnpm i出现,报错Error: Cannot find module ‘fs/promises‘

    一、问题: 二、分析: 由于低版本的Node.js对于promises的引入方式与高版本的是不一样的导致promises引入失败; cnpm版本太高 ,node不支持’fs/promises’引入的方式; 三、解决(两者取一即可): 查找node的安装路径=》 where node 【1】升级node版本 【2】降低cnpm的版本 四、效果:

    2024年02月15日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包