安装element-ui后，运行报错ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Erro

原创 2024-09-19 17:09:51 3.9k 阅读 AI写同款
收录于
element-ui

当前文章被收录于：

element-ui
2 篇文章 0 人学习

element-ui文章

订阅专栏 查看详情
前端蜗牛君
前端蜗牛君 博客等级 码龄10年 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.9k累计阅读 4k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要
274粉丝158篇原创
关注
vue安装element ui失败 解决方法：使用稳定版本npm。 阅读详情
AI摘要

在项目中遇到element-ui库引用出错，错误指向throttle-debounce/debounce模块。尽管node_modules目录下存在element-ui包，但错误依旧。问题源于throttle-debounce的版本高于element-ui预期版本。通过在package.json中添加正常版本的throttle-debounce配置，重新安装依赖后，运行恢复正常。

ERROR in ./node_modules/element-ui/lib/element-ui.common.js
Module not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in “xxx”

ERROR in ./node_modules/_element-ui@2.13.2@element-ui/lib/tooltip.js
Module not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in ‘D:IdeaProjectsdolphindolphinscheduler-uinode_modules_element-ui@2.13.2@element-uilib’
@ ./node_modules/_element-ui@2.13.2@element-ui/lib/tooltip.js 391:17-54
@ ./node_modules/_element-ui@2.13.2@element-ui/lib/element-ui.common.js
@ ./src/js/conf/login/index.js

node_module里面也确实有elementui的包了,但是执行的时候就是报这个错；
最终发现这报错的几个js都是由于throttle-debounce/debounce这个引起的，
对比发现throttle-debounce这个的版本比正常运行的elementui里面的配置版本要高,实际需要的版本是："throttle-debounce": "^1.0.1"
在这里插入图片描述

于是在当前项目的package.json增加配置,将正常throttle-debounce的版本配置新增到package.json：
在这里插入图片描述

再次npm i安装依赖包,执行npm run dev发现正常运行.

标签
#javascript #ui #vue.js
你好，如果你感觉文章不错，不如我们一起维护，我在此宣言：文章只会改进绝对不会删除，链接永不失效。大家可以大胆收藏。
element-ui 2.15.14版本 免费下载、免费下载、免费下载，下载后挂载nginx、tomcat、apache服务器下运行，也可以使用vs code打开使用live server访问 立即下载

相关推荐

Vue项目查看当前使用的elementUI版本的方法

今天小编就为大家分享一篇Vue项目查看当前使用的elementUI版本的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

npm 下载 element UI报错

如图： 是因为我们的npm版本过高导致的 解决方式 在下载命令后面加入 --legacy-peer-deps 如图就可解决问题：

qq_35981694的博客 1548

基于Hadoop的NBA篮球球员大数据分析与可视化系统大数据分析系统python的项目(源码+lw+部署文档+讲解等)

本系统以 Hadoop 为基础，致力于对 NBA 篮球球员的海量数据进行深入分析与可视化呈现。它能够收集来自多个数据源的丰富数据，包括球员比赛统计数据、身体素质数据、技术特点数据等。利用 Hadoop 的分布式存储和计算能力，对这些大规模数据进行高效处理。通过数据分析算法，挖掘球员的潜在价值和特点，如球员的得分能力趋势、篮板球效率变化、不同位置球员的技术差异等。同时，借助先进的可视化技术，将分析结果以直观的图表、图形等形式展示出来。教练和球队管理层可以通过可视化界面清晰地了解球员的综合表现和发展态势，从而制

QQ3359892174的博客 1314

VUE中添加elementUI

安装 npm install element-ui --save main.js中添加引用 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 目前（2021.4.20）elementUI还不持支Vue3，如果选择创建使用的Vue3需要更换成Vue2 报错信息如下 Uncaught TypeError: Cannot read prope

shaynerain的博客 2065

OpenClaw 企业级自动化系统架构设计与实现

本文介绍基于 OpenClaw 构建的企业级自动化系统的完整架构设计、技术选型、实现细节和性能优化方案。

2604_95445636的博客 482

1020空心杯电机驱动设计与ESP32实战

空心杯电机是一种高动态响应的直流微特电机，其驱动本质是解决电感负载下的大di/dt启动、反电动势耦合与电流纹波抑制问题。核心原理在于建立包含内阻、电感和反电动势的等效电路模型，并据此匹配开关器件、PWM参数与采样闭环。技术价值体现在小体积下实现毫秒级响应、低噪声（>30kHz）、高精度电流保护（±50mA）及热鲁棒性。典型应用于微型航模、手持云台与精密执行器等对功率密度和动态性能敏感的嵌入式系统。本文以1020规格空心杯电机为对象，基于ESP32平台完成从MOSFET选型、32kHz硬件PWM生成到INA2

weixin_42298164的博客 579

Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css)

Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css Module build failed: ModuleBuildError: Module build failed: TypeError: this.getOptions is not a function) 文章目录Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_mod

超悠閒的博客 1万+

【昇腾】用MindIE（服务化方式）拉起glm4-9b-chat模型问题解决

【昇腾】用MindIE拉起glm4-9b-chat模型问题解决： LLMInferEngine failed to init LLMInferModels ERR: Failed to init endpoint! Please check the service log or console output. Killed make sure the folder's owner has execute permission.

u014448841的博客 5116

vue 项目中引入Element-UI报错问题

vue 项目中引入 Element-UI 之后 报错解决方法 刚开始引入 Element-UI 的时候 ， 运行 nom run dev 报以下错误： ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf Module parse failed: Unexpected character '' (1:0...

小王_同学的博客 2704

群晖Video Station海报墙插件更新了！手把手教你用c5h12o5插件搞定豆瓣/TMDB搜刮

本文详细介绍了如何使用c5h12o5插件为群晖Video Station配置高效的海报墙系统。该插件支持豆瓣、TMDB等多数据源并行搜刮，智能优先级设置和本地化优化，解决TMDB API失效问题，提升影视库管理体验。包含安装教程、配置策略和高级使用技巧，适合影视爱好者优化NAS媒体库。

weixin_29250403的博客 263

同济土木非0基础三个月跨考复旦计算机攻略

跨考cs攻略前言我cs专业课如何复习How to start from zero简历其他复试 前言 建议多去工地/化工厂涡轮增压一下 我 同济土木gpa 3.2/5 挂科 * n 辣鸡项目 * n （padding 简历） 21考复旦计算机专硕 10月-12月 学习+复习 总分392 政治 68；背肖4即可 英语二 78 裸考，(高考英语140+)；做点真题，建议据自己情况准备 数学二 142 ；(高考数学接近满分)；做真题+模拟题，每天写一张试卷 专业课 104 ，考试生病了，下文展开。 cs专业课

piglake的博客 7236

安装element ui

3.原因是英文翻译：npm WARN已弃用core-js@2.6.12: core-js@不再维护，由于问题太多，不建议使用。由于V8引擎的奇想，旧core-js版本的特性检测可能会导致高达100倍的减速，即使什么都没有填充。7.执行npm run serve，在package.json中出现element ui的版本号。1.先在dev控制台输入npm i element-ui --save。6.在dev窗口执行npm i element-ui --save。即需要升级core-js。

weixin_43972428的博客 7624

linux离线安装nginx

linux离线安装nginx

zhang_130914036的博客 9346

elementUI使用

1. 安装 cnpm i element-ui -S -S表示 --save 2. 引入element UI的css 和 插件，放入main.js文件中 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 3. webpac...

qq_43183527的博客 515

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0， 兼容Win7/Win10/WinXP，解压就可用。

vue项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf

在 webpack.config.js 中加入这个依赖 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }

weixin_39872084的博客 5845

老版QQ原生表情gif动态

这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。

vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf...

　　在vue项目中引用 element-ui 时，虽然按照 element-ui 的官方文档一步步操作，还是产生了下面的错误 　　 　　 　　解决这个问题的方法，就是在web pack.config.js 文件中进行如下配置： { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader...

weixin_30572613的博客 1867

文档：亲测可用解决vnc灰屏，黑屏，鼠标大黑叉情况

主要解决vnc-viewer灰屏，黑屏，鼠标大黑叉等现象，详细见文档。

VUE3安装element ui 失败的原因及解决方法

在VUE3环境下安装element ui 失败的原因及解决方法:element-ui不适配vue3，官方已将vue3版本的更新为element-plus.

liu2004051957的博客 5121

ElementUI完整引入及按需引入项目开发

假设我们已经创建了vue项目了 第一步 使用终端安装Element npm i element-ui -S 第二步 在main.js里引入Element // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.c...

明知山 3868

安装 element-ui 时报错的问题解决

参考博客：https://blog.csdn.net/kalimera/article/details/122383499。在网上搜到了一些对我有用的代码。正常使用官网给的代码。

q2086155836的博客 1691

【Vue | vue3】Vue2和Vue3中Element-Ui 的安装与使用

一、找到Vue脚手架项目的文件夹 输入： npm i element-ui -S 二、在脚手架环境中创建项目的components文件夹添加一个组件【EleTest.vue】，把Element-Ui中的组件内容放入 三、App.vue内容 <template> <div> <!-- <School></School> --> <br /> <!-- <Student na

【敦厚的曹操】的专栏 9455

Vue框架项目引入Element UI（安装，简单demo）

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，手机端有对应框架是Mint UI 。中文文档：http://element-cn.eleme.io/#/zh-CN github地址：https://github.com/ElemeFE/element图片.png1：安装node端开...

文武傲群雄，彳亍定江山 1595

element-ui准备

安装 npm install element-ui -S 成功后，打开package.json文件 "dependencies": { "element-ui": "^2.15.5", "vue": "^2.5.2", "vue-router": "^3.0.1" } 引用 在main.js文件中引用 // 引入element UI import ElementUI from 'element-ui'; import 'element-ui/lib...

Xiebo030212的博客 500

VUE element UI 搭建

VUE的环境安装这里就不多说了，我们直接开始element UI的安装。推荐使用开源中国的码云：Gitee - 基于 Git 的代码托管和研发协作平台创建好了过后，在从码云上，把仓库拉取到本地来。 这里在执行之前，要注意一下目录跟项目名称，覆盖到我们本地从git拉取来的就行。当然你也可以先新建好项目过后在上传到git上去。我是一路回车等待完成过后，就可以运行了。 到这里，我们的vue项目就创建起来了，接下来我们开始添加element ui组件 如果安装不成功的同学，可以试试使用cnpm淘宝镜像（

胡汉三 2416

ERROR in ./~/_element-ui@1.3.7@element-ui/lib/element-ui.common.js Module not found: Error: Can't re

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34121282的博客 2970
上一篇： mac M1 nvm安装教程，避坑
下一篇： git报错系列-fatal: The current branch develop has no upstream branch.
点赞 2
评论 3
书签 书签 0
前端蜗牛君
前端蜗牛君
博客等级 码龄10年 274粉丝 158原创
+ 关注 专栏目录 订阅专栏
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值