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

原创 已于 2024-09-19 17:09:51 修改 · 3.8k 阅读 · 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发现正常运行.

解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.
qq_60976312的博客
11-24 2400
解决element-ui.common.js?5c96:3:Navigation cancelled from "/admin" to "/users" with a new navigation.
Vue中安装element-ui失败问题原因
qq_33879627的博客
09-07 4362
开启npm.cmd，输入npm install element-ui -S命令，正常情况会安装成功，但也有安装不成功的情况， 若安装不成功，则检查npm和vue是否安装成功，使用： npm -v vue -V ps:这里的V大写 来查看版本，看不到版本号，便重新安装npm或vue。 解决方式： npm install npm -g ...
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 2943
2019独角兽企业重金招聘Python工程师标准>>> ...
Element UI 2.15.2离线部署完整解决方案
weixin_42576467的博客
09-15 858
Element UI 是一套基于 Vue.js 2.x 构建的桌面端组件库，由饿了么前端团队开源维护。它提供了丰富的 UI 组件，如按钮、表单、表格、对话框等，广泛应用于企业级中后台管理系统开发，极大提升了开发效率与界面一致性。Element UI 的设计遵循 Material Design 风格，并结合了中后台系统的实际需求，具备良好的可定制性和扩展性。其 2.15.2 版本作为目前最稳定的版本之一，在兼容性和性能方面表现优异，是许多生产环境的首选版本。
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
element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading ‘‘setAttr
lmyh1111的博客
02-07 2288
element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
vue报错：element-ui.common.js‘ imported multiple times
cyy15729981514的博客
02-24 1657
1-报错 2-解决 将他们写在同一个{ }中用逗号隔开，每个都好之后都要加一个空格否则会报错（因为项目中打开了eslint代码规范） 3-原因 element-ui导入次数过多， 项目中打开了eslint代码规范 ...
elementui element-ui.common.js?5c96:2353 Uncaught TypeError: Cannot read property ‘disabled‘ of nul
qq_29384639的博客
08-03 2696
错误如下图： 原因： el-dropdown 标签下面 没有el-dropdown-menu 查看了我的代码，刚开始并没有发现问题，代码如下 上面v-if="false" 这个写法其实就是 把el-dropdown-menu 标签给拿掉了，要想达到影藏效果，又保证不报错，改为 v-show="false" 即可 ...
* vue in ./node_modules/element-ui/lib/element-ui.common.js, ./node_modules/element-ui/lib/popover.js and 15 others
最新发布
11-21
像运行报错 `ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not ...` 这种情况，例如找不到 `throttle-debounce/debounce` 模块，这可能是依赖缺失造成的。解决办法是安装缺失的依赖，可通过...
ERROR in ./node_modules/.store/element-ui@2.15.14/node_modules/element-ui/lib/element-ui.common.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: ENOENT: no such file or directory, open '/Users/lynn/Desktop/jiecan/整改全链路/vue/no
07-03
出现 `ERROR in element-ui.common.js Module build failed from babel-loader Error ENOENT` 错误，通常是由以下原因导致： #### 1. **element-ui 安装不完整** ```bash # 删除现有安装并重新安装 rm -rf node_...
in ./node_modules/element-ui/node_modules/deepmerge/dist/cjs.js Syntax Error: no such file or directory, open 'D:\xingwang\vue-admin-template\node_modules\element-ui\node_modules\deepmerge\dist\cjs.js' @ ./node_modules/element-ui/lib/locale/index.js 14:17-37 @ ./node_modules/element-ui/lib/element-ui.common.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.8.250:9528&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
04-26
安装后检查`node_modules/deepmerge/dist/cjs.js`文件是否存在。 --- ### **3. 检查Element-UI版本兼容性** - **升级Element-UI**至最新稳定版： ```bash npm install element-ui@latest ``` - **降级Element-...
ERROR in ./node_modules/element-ui/lib/cascader-panel.js 251:21-64 Module not found: Error: Can't resolve 'babel-helper-vue-jsx-merge-props' in 'F:\Project\Scale\scale_web\node_modules\element-u i\lib' @ ./node_modules/element-ui/lib/element-ui.common.js 22:4456-4496 @ ./src/main.js 3:0-35 6:8-17错误怎么解决
05-24
3. 如果以上方法都不能解决问题，你可以尝试删除 `node_modules` 文件夹，然后重新安装所有的依赖项。可以使用以下命令： ``` rm -rf node_modules npm install ``` 4. 如果仍然无法解决问题，你可以尝试使用 `...
11% building 15/16 modules 1 active ...sources\admin\admin\node_modules\cache-loader\dist\cjs.js??ref--12-0!D:\IDEA\springbootlcs56\src\main\resources\admin\admin\node_modules\babel-loader\lib\index.js!D:\IDEA\springbootlcs56\src\main\resources\admin\admin\src\main.jsB rowserslist: caniuse-lite is outdated. Please run the following command: `npm update` 98% after emitting CopyPlugin ERROR Failed to compile with 106 errors 22:04:20 These dependencies were not found: * axios in ./src/utils/http.js, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/modules/butieshenqing/list.vue?vue&type=sc ript&lang=js& and 23 others * echarts in ./src/main.js, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/home.vue?vue&type=script&lang=js& and 1 other * echarts-wordcloud in ./src/main.js * echarts/theme/macarons.js in ./src/main.js * echarts/theme/roma.js in ./src/main.js * element-ui in ./src/main.js * js-md5 in ./src/main.js * print-js in ./src/main.js * quill/dist/quill.bubble.css in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/Editor.vue?vue&type=script&la ng=js& * quill/dist/quill.core.css in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/Editor.vue?vue&type=script&lang =js& * quill/dist/quill.snow.css in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/Editor.vue?vue&type=script&lang =js& * vue-amap in ./src/main.js * vue-json-excel in ./src/main.js * vue-quill-editor in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/common/Editor.vue?vue&type=script&lang=js& * vue-router in ./src/router/router-static.js To install them, you can run: npm install --save axios echarts echarts-wordcloud echarts/theme/macarons.js echarts/theme/roma.js element-ui js-md5 print-js quill/dist/quill.bubble.css quill/dist/quill.core.css quill/dist/quill.snow.css vue-amap vue-json-excel vue-quill -editor vue-router Failed to resolve loader: sass-loader You may need to install it.
04-01
如果用户之前可能删除了node_modules或者没有运行过npm install，可能需要先运行`npm install`安装所有依赖，再处理缺失的包。 可能的陷阱：用户可能已经安装了某些包，但版本不兼容，导致找不到模块。这时候可能...
vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf...
weixin_30572613的博客
07-02 1838
　　在vue项目中引用 element-ui 时，虽然按照 element-ui 的官方文档一步步操作，还是产生了下面的错误 　　 　　 　　解决这个问题的方法，就是在web pack.config.js 文件中进行如下配置： { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader...
element-ui.common.js?ccbf:22982 [Element Warn][Form]model is required for resetFields to work
p2060550880的博客
12-05 1307
今天学习前端，做输入框验证，总是验证不过去： 验证的是用户名3位到5位，密码5-15位，输入多少都是错的， 还有重置按钮，就是重置不了，在前端开开发者模式报 后来查了很多资料： 后来我的·v-model改成了 :model就行了 可以正常验证表单 点击重置也可以重置按钮可以清空了。 ...
nuxt项目创建完毕，element-ui报错，如何解决？
risingfine的博客
05-14 1197
找到文件路径下的文件并打开：\node_modules\element-ui\lib\element-ui.common.js 将 props: { src: String, fit: String, lazy: Boolean, scrollContainer: [String, HTMLElement], alt: String }, 改...
在utils/index.js下引入element-ui组件引起启动错误 document is not defined
zxxzxx23的博客
10-13 1449
最近在vue的开发中，昨天运行还是正常的，但是第二天启动就启动不起来，报错的源头也是element组件，让人有些头大 下面是错误报警，让人看不出源头 Starting development server... 10% building 2/2 modules 0 active ERROR ReferenceError: document is not defined ReferenceError: document is not defined at Object.<an..
VUE中添加elementUI
shaynerain的博客
07-27 2034
安装 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
element-ui.common.js?5c96:22959 [Element Warn][Form]model is required for validate to work!
MR_SNAIL的博客
08-06 4190
原因：el-form绑定的model属性没有添加或者写成了v-model造成了控制台报错且表单校验不能实现。 解决：使用el-form绑定的model属性，且应该写成 :model，非v-model。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值