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

原创 已于 2024-09-19 17:09:51 修改 · 3.7k 阅读 · 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配置，重新安装依赖后，运行恢复正常。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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 2368
解决element-ui.common.js?5c96:3:Navigation cancelled from "/admin" to "/users" with a new navigation.
引用element-ui时报错：Uncaught Error: Cannot find module 'throttle-debounce/debounce'...
weixin_41218265的博客
04-27 5419
可能有点啰嗦，弄了好几个小时，成功后真的心情太复杂了（此处苦涩微笑脸）。 安装、引用都是完全按照官方文档来的，也不是第一次用element-ui，但就这次这么与众不同（此处苦涩微笑表情），报错如下： 百度了解决方法，跟我一样报这个错的寥寥无几，看了别人的建议：(https://ask.csdn.net/questions/752775) 有说可能是依赖丢失了让删除整个node_modul...
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导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js
最新发布
行云流水剑的博客
06-03 1435
摘要： 在Vue项目中引入Element UI时，常会遇到element-ui/lib/theme-chalk/index.css文件缺失的报错，即使已通过npm安装。问题根源在于npm网络不稳定导致样式文件下载不完整。推荐使用cnpm安装Element UI（cnpm install element-ui --save），因其采用国内镜像源更稳定高效。替代方案包括手动删除node_modules后重装依赖。本文还提供了按需加载、项目初始化工具等扩展建议，帮助开发者快速解决UI框架引入问题。
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 2924
2019独角兽企业重金招聘Python工程师标准>>> ...
vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf...
weixin_30572613的博客
07-02 1820
　　在vue项目中引用 element-ui 时，虽然按照 element-ui 的官方文档一步步操作，还是产生了下面的错误 　　 　　 　　解决这个问题的方法，就是在web pack.config.js 文件中进行如下配置： { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader...
安装 npm i element-ui -S 遇到的坑
sebeefe的博客
03-10 2232
no such file or directory, rename ‘D:myvue06 ode_modulesabel-runtime ode_modulescore-js’ -> ‘D:myvue06 ode_modulesabel-runtime ode_modules.core-js.DELETE’ npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended
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 warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object found in ---> <ElTable> at packages/table/src/table.vue <Index> at src/views/students/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js?2b0e:619 assertProp @ vue.runtime.esm.js?2b0e:1705 validateProp @ vue.runtime.esm.js?2b0e:1632 updateChildComponent @ vue.runtime.esm.js?2b0e:4141 prepatch @ vue.runtime.esm.js?2b0e:3125 patchVnode @ vue.runtime.esm.js?2b0e:6302 updateChildren @ vue.runtime.esm.js?2b0e:6187 patchVnode @ vue.runtime.esm.js?2b0e:6313 patch @ vue.runtime.esm.js?2b0e:6476 Vue._update @ vue.runtime.esm.js?2b0e:3942 updateComponent @ vue.runtime.esm.js?2b0e:4060 get @ vue.runtime.esm.js?2b0e:4473 run @ vue.runtime.esm.js?2b0e:4548 flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4304 eval @ vue.runtime.esm.js?2b0e:1980 flushCallbacks @ vue.runtime.esm.js?2b0e:1906 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for watcher "data": "TypeError: data.indexOf is not a function" found in ---> <ElTable> at packages/table/src/table.vue <Index> at src/views/students/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js?2b0e:619 logError @ vue.runtime.esm.js?2b0e:1884 globalHandleError @ vue.runtime.esm.js?2b0e:1879 handleError @ vue.runtime.esm.js?2b0e:1839 run @ vue.runtime.esm.js?2b0e:4564 flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4304 eval @ vue.runtime.esm.js?2b0e:1980 flushCallbacks @ vue.runtime.esm.js?2b0e:1906 vue.runtime.esm.js?2b0e:1888 TypeError: data.indexOf is not a function at VueComponent.updateCurrentRowData (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:10406) at VueComponent.setData (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:11086) at VueComponent.module.exports.watcher.commit (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:11216) at VueComponent.handler (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:13878) at Watcher.run (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4556) at flushSchedulerQueue (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4298) at Array.eval (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1979) at flushCallbacks (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1905)
06-14
这个错误提示是因为你在使用 Element UI 的表格组件 ElTable 时，传入的属性 data 的类型应该是数组，但实际传入的是对象，导致类型检查失败。另外，错误中还有一段信息是监听器 watcher 报错了，具体原因可能是在...
Vue——项目启动时报错
shuureina的博客
06-02 1166
1.启动项目时报如下错误： This dependency was not found: *!! vue-style-loader!css-lloader?{"sourceMap":false}!../../vue-loader/lib/style-compiler/index?{"vue":true,"id":data-v-376acb08","scoped":false, 解决方案是 添加"less-loader": "^4.1.0","less":"^3.0.4"这两个到package.jso
element-ui.common.js?ccbf:22982 [Element Warn][Form]model is required for resetFields to work
p2060550880的博客
12-05 1286
今天学习前端，做输入框验证，总是验证不过去： 验证的是用户名3位到5位，密码5-15位，输入多少都是错的， 还有重置按钮，就是重置不了，在前端开开发者模式报 后来查了很多资料： 后来我的·v-model改成了 :model就行了 可以正常验证表单 点击重置也可以重置按钮可以清空了。 ...
使用npm i element-ui报错
m0_67228124的博客
09-06 1582
我们在允许命令后面加一个--force，将强制 npm 获取远程资源，报错内容就变成了警告，就不会影响项目的运行了。
在utils/index.js下引入element-ui组件引起启动错误 document is not defined
zxxzxx23的博客
10-13 1416
最近在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 2015
安装 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 4164
原因：el-form绑定的model属性没有添加或者写成了v-model造成了控制台报错且表单校验不能实现。 解决：使用el-form绑定的model属性，且应该写成 :model，非v-model。
Vuejs组合ElementUI组件库报错
虎康的博客
03-02 834
当我们使用Vuejs和ElementUI组件库结合使用时，按照文档进行按需导入时报了如下错误： 出现原因 预设Preset配置中出现错误 解决办法 修改预设Preset配置
vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf
轻风细雨_林木木
01-04 2792
参考（原文更详细）：https://www.cnblogs.com/belongs-to-qinghua/p/11123596.html 原因：简介的vue脚手架没有配置ttf文件配置 解决办法：在 web pack.config.js 文件中进行如下配置 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' } 添加位置： ...
npm安装element-ui模块报错
别看，很懒，随心
04-11 1870
报错问题： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: admin@0.1.0 npm ERR! Found: vue@3.2.31 npm ERR! node_modules/vue npm ERR! vue@"^3.2.13" from the root project npm ERR! npm ERR! Could no
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值