2021-10-21

引用elementui是报错Cannot find module 'throttle-debounce/debounce

引用elementui是报错Cannot find module 'throttle-debounce/debounce

  1. 最近同事在引用elementui时候报这个错

    在这里插入图片描述

当时也搞不懂为什么会这样,之前都是好好的呀,怎么会报这种奇怪的错误,
2.于是网上各种找解决方案,最多的方案是按照报错的路径在elementui的包里挨个改路径,如select.js等等一些列文件,这样整问题是解决了,不报错了

在这里插入图片描述

3. 这样改是自己爽了,但是给别人挖了一个坑,下次别人再用这个代码的时候,这个问题并没有解决,又得花费时间去解决这个问题 ,所以这种解决方案是极其不负责任的,再此善意提醒每一个开发者要善待自己的交接人。
4. 于是我开始找问题的根本所在,我首先看了下elementui包的package.json文件,我们可以看到这个插件的版本,在elementui的node_modules里边也有throttle-debounce这个包

在这里插入图片描述

![在这里插入图片描述](https://www.icode9.com/i/ll/?i=8a2abd00763d41d3994c8d3a5dbfaf5f.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcmlkZUNsb3VuZA==,size_20,color_FFFFFF,t_70,g_se,x_16

在这里插入图片描述

5. 先不管为什么,现在项目文件夹里安装一个throttle-debounce呗,但是安装出来是最新的版本,还是报错,(为什么可以在项目文件加里安装,可以具体去看一下node模块化require(‘’)的路径解析规则),那就可能是版本的问题,我安装了throttle-debounce的1.0.1版本之后,报错问题就解决了
6. 那为什么elementui包里的那个throttle-debounce不起作用呢,肯定是版本的问题,点开他的package.json文件,可以看到他的版本是1.1.0,至于为为什么她自己的那个引用不生效,暂时还没弄清楚;在这里插入图片描述在这里插入图片描述

最终的解决方案

在项目根目录下安装throttle-debounce的1.0.1版本,问题就解决了

相关文章

el-menu 有个属性 :default-active="curActive"...
基础用法1<el-inputv-model="input1"palcehode...
 1.安装element-uinpminstallelement-ui-S 2.在main.js中i...
layout布局通过基础的24分栏,可进行快速布局基础布局使用单...
 今天做一个选择年份的功能,直接调用了ElementUI里面的Dat...
  that.end 即为结束日期