意外引入依赖导致bug [@umijs/runtime] load component failed TypeError

已于 2023-11-01 13:16:51 修改
阅读量1.1w 收藏 2
点赞数 2
分类专栏： debug
于 2021-01-20 16:26:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44134588/article/details/112889786
版权

bug

记录一下意外出现的bug,今天写代码的时候,在写render函数渲染时,写了text这一个参数,但是可能因为写的时候没注意,所以意外导入了一个依赖,所以就出现了以下bug;

在这里插入图片描述
怎么找都找不到原因,然后去看终端,发现以下警告;

在这里插入图片描述
然后又去看code中的源代码管理
在这里插入图片描述
在这里插入图片描述
发现意外引入这个依赖,而text变量在下面有使用,可能就是这个原因了
所以 记录一下,遇到类似问题的时候 检查一下是否是误引依赖了;~~~~

莫尔道嘎老范
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
[@umijs/runtime] load component failed TypeError:Cannot read propertiesof undefined reading ‘prototy
weixin_45798022的博客
06-15 1894
[@umijs/runtime] load component failed TypeError: Cannot read properties of undefined (reading 'prototype') 原因：因为我写请求的时候写了response时不小心引入了依赖 把这个依赖删掉就好了
devScripts.js:6523 Warning: Can‘t perform a React state update on an unmounted component
weixin_46600931的博客
09-09 4289
使用react hooks useEffect初始化数据报devScripts.js:6523 Warning: Can't perform a React state update on an unmounted component 警告这是由于在组件卸载后，组件中仍有能调用，搜索就能排查到问题所在。一般由或导致。
node_modules/@umijs/runtime“ does not exist in container.
最新发布
luckywuxn的博客
07-02 285
近日，在做pro ant react 项目时，遇到了如下这样的错误，开始通过vs code 的通义灵码折腾了一阵子，后面在csdn上一搜索，马上就找到答案了，特记录一下，后面再遇到这样的问题也就有迹可循了。
node_modules/@umijs/runtime does not exist in container
weixin_45060105的博客
03-04 2499
问题 ./D:/wonderdown/xdr-1/xdr/wonder-xdr/node_modules/@umijs/runtime ‘@umijs/runtime" does not exist in container’ 问题出现原因： 从gothub上下载了一个新的项目，webstorm 同时打开两个项目，且两个项目的 umijs/runtime的版本不一致 解决方案 删除src 下 .umi 文件 原因 .umi是临时文件夹，但是它是匹配当前项目插件的版本，以及一些对应的theme配置，la
页面加载不出来，报错[@umijs/runtime] load component failed
qq_41591215的博客
05-28 350
但是，由于 express 的依赖项中包含了很多服务器端特有的代码，打包工具无法正确处理这些代码，导致运行时错误。express 依赖于 Node.js 的一些核心模块，比如 http、url、fs 等，这些模块在浏览器环境中不存在。在页面中引入 express 会报错的原因是因为 express 是一个服务器端框架，它依赖于 Node.js 环境中的模块和功能，而这些模块和功能在浏览器环境中是不可用的。之前页面是没有问题的，在写当前页面突然出现页面加载不出来，控制台报错，主要是页面引入了这行代码报错。
umi3.5新特性 mfsu遇到的两个报错 1.Unexpected token in JSON at position 0, try to remove cache file and retry.
o__o__o__o的博客
01-18 1万+
最近在开发react项目，在npm start启动项目的时候，突然报了一堆错误。最后发现是，umi3.5的新特性 mfsu导致的。umi3.5新特性 mfsu报错 Unexpected token in JSON at position 0, try to remove cache file and retry.
Django错误：TypeError at / 'bool' object is not callable解决
09-18
主要介绍了Django 错误：TypeError at / 'bool' object is not callable解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
使用yarn create umi安装Ant Design Pro时报错TypeError: self.env.emit is not a function
01-08
TypeError: self.env.emit is not a function at /usr/local/share/.config/yarn/global/node_modules/yeoman-generator/lib/index.js:653:22 at processTicksAndRejections (internal/process/task_queues.js:97:5)...
Django错误：TypeError at / ‘bool’ object is not callable解决
12-31
TypeError at / 'bool' object is not callable　 编写函数如下： def index(request, pid=None, del_pass=None): if request.user.is_authenticated(): username = request.user.username useremail = request....
解决Python中报错TypeError: must be str, not bytes问题
09-17
### 解决Python中报错TypeError: must be str, not bytes问题 #### 一、问题背景与常见场景 在Python编程过程中，尤其是处理文件操作时，可能会遇到“TypeError: must be str, not bytes”这一错误。这通常发生在...
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
由于JavaScript的作用域链，`this`的值可能并不是我们所期望的，这通常出现在使用`.click()`或者`.bind()`方法绑定事件时，导致`this`指向错误的对象。在处理回调函数时，要明确知道函数作用域内的`this`是否指向...
关于 antd pro 使用 swiper7 的问题
xiaowangzibuhappy的博客
11-04 2295
关于 antd pro 使用 swiper7 的问题 背景 有个需求要搞个轮播图呀，很复杂的，手写不太好实现，所以就打算使用 swiper 来解决。 问题描述： 好家伙，引入就报错了，真是一点面子都不给。 load component failed Error: Module "./swiper/react" does not exist in container. Uncaught (in promise) Error: Module "./swiper/react" does not exist in
React应用里Invalid hook call错误消息的处理
hzxOnlineOk的博客
04-09 1226
今天我做React（umi.js 中使用useAccess）开发时，遇到如下的错误消息： import {useAccess } from 'umi'; Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: You might have mismatchin.
npm ERR! Could not resolve dependency；npm ERR! ERESOLVE unable to resolve dependency tree解决方案
brizer的博客
07-28 3608
npm ERR! Could not resolve dependency;npm ERR! ERESOLVE unable to resolve dependency tree应该如何解决？其根本原因是为何？本文一一解答。
【UmiJS】UmiJS基础使用与集成
weixin_44288277的博客
02-07 1304
UMIJS
「已解决」 模块““umi“” ““@umijs/max“” 没有导出的成员“useRequest” “request” 问题的所有方法汇总
Constantiny的博客
07-09 5082
使用 Umi 搭建项目时候有的时候会出现这种错误，模块““umi”” ““@umijs/max”” 没有导出的成员“useRequest” “request”。
解决npm install时报错Could not resolve dependency
热门推荐
llupengt的博客
05-04 2万+
绕过dependency里依赖的进行自动安装，最终问题解决，项目成功运行。
npm无法安装包Could not resolve dependency
这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！
02-19 1818
NPM无法安装包,npm ERR! Could not resolve dependency:
ant-design-pro修改存放路径后，运行报错error - Can not resolve dependence : ‘.../-frontend/node_modules/@umijs/
m0_72560900的博客
03-24 419
报错原因： 换路径之前没有问题，换路径后出现问题，删除 .idea后也不行的 解决方法： 可能是缓存问题： 删除：\node_modules\ 文件夹下的 .cache文件夹。 重新运行项目即可
(0 , vue__WEBPACK_IMPORTED_MODULE_1__.directives) is not a function TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_1__.directives) is not a function at setup (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&setup=true&lang=js:56:52) at callWithErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:285:18) at setupStatefulComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6402:25) at setupComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6363:36) at mountComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4970:7) at processComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4948:9) at patch (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4630:11) at render (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5573:7) at mount (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:3593:13) at app.mount (webpack-internal:///./node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js:1614:19)
06-11
这个错误信息显示在 Vue.js 组件的 `setup()` 函数中存在问题。可能是因为你在 `setup()` 函数中使用了 Vue.js 的指令，并且指令的使用方式不正确，导致了这个错误。你可以检查一下你的代码，看看在 `setup()` 函数里面是否使用了 Vue.js 的指令，并且使用方式是否正确。可能需要注意的是，指令不应该在 `setup()` 函数中使用，而是应该在组件模板中使用。如果问题仍然存在，请提供更多的代码和错误信息，以便我更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值