安装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 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
你好，如果你感觉文章不错，不如我们一起维护，我在此宣言：文章只会改进绝对不会删除，链接永不失效。大家可以大胆收藏。
标签
#javascript #ui #vue.js
于 2023-03-15 18:00:00 首次发布
在项目中遇到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发现正常运行.

Vue项目查看当前使用的elementUI版本的方法
10-17
今天小编就为大家分享一篇Vue项目查看当前使用的elementUI版本的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue安装element ui失败
GengJL
11-06 3582
解决方法：使用稳定版本npm。
element-ui 2.15.14版本
10-09
免费下载、免费下载、免费下载，下载后挂载nginx、tomcat、apache服务器下运行，也可以使用vs code打开使用live server访问
npm 下载 element UI报错
qq_35981694的博客
05-11 1542
如图： 是因为我们的npm版本过高导致的 解决方式 在下载命令后面加入 --legacy-peer-deps 如图就可解决问题：
VUE中添加elementUI
shaynerain的博客
07-27 2062
安装 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
Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css)
热门推荐
超悠閒的博客
06-16 1万+
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
vue 项目中引入Element-UI报错问题
小王_同学的博客
08-28 2693
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...
安装element ui
weixin_43972428的博客
09-23 7609
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。
elementUI使用
qq_43183527的博客
07-24 512
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...
vue项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf
weixin_39872084的博客
03-13 5840
在 webpack.config.js 中加入这个依赖 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }
vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf...
weixin_30572613的博客
07-02 1861
　　在vue项目中引用 element-ui 时，虽然按照 element-ui 的官方文档一步步操作，还是产生了下面的错误 　　 　　 　　解决这个问题的方法，就是在web pack.config.js 文件中进行如下配置： { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader...
VUE3安装element ui 失败的原因及解决方法
liu2004051957的博客
03-26 5109
在VUE3环境下安装element ui 失败的原因及解决方法:element-ui不适配vue3，官方已将vue3版本的更新为element-plus.
ElementUI完整引入及按需引入项目开发
明知山
07-22 3794
假设我们已经创建了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...
安装 element-ui 时报错的问题解决
q2086155836的博客
09-17 1651
参考博客：https://blog.csdn.net/kalimera/article/details/122383499。在网上搜到了一些对我有用的代码。正常使用官网给的代码。
【Vue | vue3】Vue2和Vue3中Element-Ui 的安装与使用
【敦厚的曹操】的专栏
03-31 9421
一、找到Vue脚手架项目的文件夹 输入： npm i element-ui -S 二、在脚手架环境中创建项目的components文件夹添加一个组件【EleTest.vue】，把Element-Ui中的组件内容放入 三、App.vue内容 <template> <div> <!-- <School></School> --> <br /> <!-- <Student na
Vue框架项目引入Element UI（安装，简单demo）
文武傲群雄，彳亍定江山
04-12 1587
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端开...
element-ui准备
Xiebo030212的博客
05-12 500
安装 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...
VUE element UI 搭建
胡汉三
07-06 2364
VUE的环境安装这里就不多说了，我们直接开始element UI的安装。推荐使用开源中国的码云：Gitee - 基于 Git 的代码托管和研发协作平台创建好了过后，在从码云上，把仓库拉取到本地来。 这里在执行之前，要注意一下目录跟项目名称，覆盖到我们本地从git拉取来的就行。当然你也可以先新建好项目过后在上传到git上去。我是一路回车等待完成过后，就可以运行了。 到这里，我们的vue项目就创建起来了，接下来我们开始添加element ui组件 如果安装不成功的同学，可以试试使用cnpm淘宝镜像（
ERROR in ./~/_element-ui@1.3.7@element-ui/lib/element-ui.common.js Module not found: Error: Can't re
weixin_34121282的博客
07-11 2963
2019独角兽企业重金招聘Python工程师标准>>> ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值