引用element-ui时报错:Uncaught Error: Cannot find module 'throttle-debounce/debounce'...

可能有点啰嗦,弄了好几个小时,成功后真的心情太复杂了(此处苦涩微笑脸)。

安装、引用都是完全按照官方文档来的,也不是第一次用element-ui,但就这次这么与众不同(此处苦涩微笑表情),报错如下:

百度了解决方法,跟我一样报这个错的寥寥无几,看了别人的建议:(https://ask.csdn.net/questions/752775)

有说可能是依赖丢失了让删除整个node_modules, 再重新npm i安装一下;

有说让按命令行提示的(如下图)重新下载;

npm install --save throttle-debounce/debounce throttle-debounce/throttle

还有用cnpm install 然后 cnpm run dev 就解决了的,等等;

我也就npm cnpm install 试了十几遍吧,还是报错,以上百度到的方法没有一个能解决我问题的(抓狂)。

于是此刻!!!我开始看这条报错信息,点进去看到这一行:

这明显就是没找到嘛  ,于是开始在node_modules里找:

在 \node_modules\element-ui\lib 里找到了 element-ui.common.js中写着这句话,

把它改成了这样:

module.exports = require("element-ui/node_modules/throttle-debounce/debounce");

改的时候一定要睁大眼睛啊!!!需要改不同前缀文件中的这句话,我就是因为前缀没仔细看,以为改的没生效,

所以卡在了这里,浪费了很长时间。。。(此处留下悲愤的泪水)

根据提示我还改了 \node_modules\element-ui\lib\select.js里的 debounce 引用,

还有 select.js 和 element-ui.common.js 这俩文件里关于 throttle 的引用,都报了同样的错。

仔细看报错信息!!!跟着报错信息逐一改!!!

改完这些,页面终于正常了(心情复杂的微笑),希望你们不要浪费这么久时间了!!!

有个疑问哈,前段时间刚新起个项目引用element-ui的时候一切正常啊,这没过多久这个依赖就出毛病了,这是elemnet-ui本身的问题嘛(疑问脸)

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
根据您提供的引用内容,报错信息"element-ui.common.js:2436 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')"通常是由于在使用Element UI,没有正确引入和使用Element UI组件所导致的问题。 为了解决这个问题,您可以按照以下步骤进行操作: 1. 确保您已经正确引入了Vue和Element UI库,并且在项目中使用了正确的版本。可以通过在命令行中运行以下指令来安装Element UI库:npm install element-ui 2. 验证您在main.js(或其他主入口文件)中正确引入了Vue和Element UI组件。请确保您的代码类似于以下示例: ``` import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) }); ``` 3. 检查您的HTML文件中是否正确设置了id为"app"的元素作为Vue实例的挂载点。请确保您的HTML文件中包含以下内容: ``` <div id="app"></div> ``` 4. 如果您已经按照以上步骤进行了操作,但问题仍然存在,那么可能是由于您的代码中存在其他错误或冲突导致的。您可以尝试在浏览器的开发者工具中查看详细的错误信息和堆栈跟踪,以便更好地定位和解决问题。 综上所述,报错信息"element-ui.common.js:2436 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')"通常是由于未正确引入和使用Element UI组件所导致的问题。请确保您按照上述步骤进行操作,并检查您的代码中是否存在其他错误或冲突。希望能帮助到您!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值