Vue报错：Injection “xxxx“ not found

星星散落人间

已于 2023-03-27 11:11:21 修改

阅读量1.2w

点赞数 17

CC 4.0 BY-SA版权

文章标签：前端

于 2023-03-16 14:34:53 首次发布

本文链接：https://blog.youkuaiyun.com/future_1_/article/details/129585823

1.产生原因

子组件或者孙组件在父组件 provide 提供的依赖注入时，子组件或孙组件是在不同页面引入的，有的页面使用 provide 提供了依赖，有的没有提供依赖就会报错

2.解决办法

在vue2的文档中API — Vue.js

可以使用对象方式的default 降级

将一般的写法

inject:['getTable','getUser']

改为

 inject: {
    getTable: { value: "getTable", default: null },
    getUser: { value: "getUser", default: null },
  }

即可解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

星星散落人间

关注关注

17
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Idea开发JAVA过程中遇到的错误集合以及解决方法，持续更新

12-08

4226

提示：这篇博文是记录自己在使用Idea开发JAVA过程中遇到的错误集合以及解决方法，可以自行搜索是否有你遇到的坑，说不定就中奖了~ 将持续更新！错误1：Error:(4, 30) java: 程序包io.swagger.annotations不存在描述：无法识别的注解@ApiModel 解决办法：下载io.springfox:springfox-swagger2:2.8.0 依赖，这里使用的是Gradle来管理依赖，如果是Maven请自行搜索配置方式 ...

Vue基础知识点汇总【附基础面试题】

qq_43293778的博客

06-02

2561

文章目录什么是Vue如何使用VueMVVM设计模式绑定语法: 同模板字符串中的${}指令(directive)v-bindv-showv-if高频笔试题(手写) 观察者模式v-forsplice:key=“i”绑定HTML片段内容v-html防止用户短暂看到{{}}v-cloakv-text事件绑定vue中如何获得事件对象 (vue中如何获得鼠标位置)$eventv-oncev-pre双向绑定v-model监控函数 watch绑定样式绑定内联样式绑定class自定义指令计算属性过滤器axios组件组件化开发

参与评论您还未登录，请先登录后发表或查看评论

vue3 injection报错 injection“xxx“ not found.

melissaomy的博客

08-18

6532

修复这个问题的最好办法是在inject的时候加第二个参数。

Vue出现Injection "elForm" not found 错误

lonely-左右De博客

07-26

9358

首先：出现这种错误的第一种情况： Vue版本与Vue脚手架中引入的element版本不匹配。但是我出现的问题是：在el-form-item外没用 el-form包住错误示例：正确写法： ...

Vue3 中使用 provide/inject 实现跨层级组件传值失败的原因及解决方案

热门推荐

vv_bug

12-11

2万+

前言:接触vue已经有一段时间了,前面也写了几篇关于vue全家桶的内容,感兴趣的小伙伴可以去看看,刚接触的时候就想去膜拜一下源码~可每次鼓起勇气去看vue源码的时候,当看到几万行代码的时候就直接望而却步了,小伙伴是不是也跟我当初一样呢? 下面分享一下我看vue源码的一些感触,然后记录一下我对源码的理解,欢迎指正,纯属个人笔记,大牛勿喷! 我们直接上一张vue官网的vue的生命周期图: 我们跟着源...

近期1年来PHP面试题整理

wang_ze的博客

05-31

5986

面试：冲击月薪18k(税后),你应该具备哪些技能?1.熟悉设计模式,单例,工厂,策略,观察者能根据实际场景写出代码2.熟悉框架tp,yii,larval,symfony,Phalcon7;至少读过其中之一的源码3.熟悉memcache,redis的使用,特别是redis,熟悉redis的主从配置;熟悉mongodb4.熟练掌握mysql,视图,触发器,sql语句优化,表设计,sql注入,锁,事物...

PHP 面试知识点整理归纳

PHP学习日志——地雷

09-05

1万+

全文已整理补充完毕，以后还会继续更新文章里面的错误，以及补充尚不完善的问题。该篇文章是针对Github上wudi/PHP-Interview-Best-Practices-in-China资源的答案个人整理 lz也是初学者，以下知识点均为自己整理且保持不断更新，也希望各路大神多多指点，若发现错误或有补充，可直接comment，lz时刻关注着。由于内容比较多，没有直接目录，请自行对照 Gi...

[Vue warn]: injection “Symbol(pinia)“ not found.

weixin_43512977的博客

05-24

5027

export function useCustomStoreWithOut() { return useCustomStore(store); } 引入 import { useCustomStoreWithOut as useCustomStore } from '@src/store/modules/custom'; // 正常使用

vue父子组件通信方式详解以及vue报错Injection“elForm“ not found

MYuanFang的博客

05-15

6331

最近写vue项目用到父子间的通信，使用了几个组件都没问题，这个出问题了然后看了下错误Injection “elForm” not found 最后百度到问题的所在：在利用element 中的dialog的时候报错Injection “elForm” not found 在网上搜索说是因为vue版本和element版本不匹配之类的，但是我出现这个问题的原因是因为： <el-fo...

引入vuex 报错警告 “export ‘inject‘ was not found in ‘vue‘

m0_67265464的博客

03-02

672

引入Vuex时警告 "export ‘inject’ was not found in ‘vue’ 同时控制台报错 vue/cli 版本 4.5.15 创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错 "export 'inject' was not found in 'vue' 解决方案： 1.看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex 2.重新下载vuex npm install vuex@3.4.0 ...

vue中的依赖注入provide/inject遇到的一个坑

qq_40195282的博客

09-24

8561

在写vue的时候经常会遇到一种情况：可能一个参数在许多组件中会用到，或者是组件中的一个子组件需要用到父组件的父组件的某些参数。那么这个时候为了避免组件重复传参，使用vue的依赖注入是个不错的方法，直接在最外层组件设置一个provide，内部不管多少嵌套都可以直接取到最外层的参数。但是假如我们需要的这个参数是需要请求后台接口返回或者说需要计算得来的呢，我就遇到了这么一个坑，先看代码： // 父...

vue中provide,inject遇到的一个坑

baidu_41601048的博客

11-09

4735

provide、inject一般用在组件间嵌套过多，而子组件一层层的传递很麻烦，此时通过provide、inject可以跨层传递。但是最近在使用的过程中发现一个问题: 祖组件中data里的响应式数据通过provide return以后，发现孙组件无法接受到最新的值 //祖组件 <template> <div> this is grandparent component</div> </template> <script> expor

Field wxPayService in com.oirlife.admin.modules.order.service.impl.UserOrderServiceImpl required a bean of type 'com.github.binarywang.wxpay.service.WxPayService' that could not be found. The injection point has the following annotations: - @org.springf

03-20

### 解决方案在 Spring Boot 项目中遇到 `com.github.binarywang.wxpay.service.WxPayService` 的依赖注入失败问题，通常是因为缺少相应的 Bean 定义或者配置文件中的某些参数未正确设置。以下是可能的原因分析以及解决方案： #### 可能原因及解决方法 1. **Bean 缺失** 如果 `WxPayService` 没有被定义为一个 Spring Bean，则会引发依赖注入错误。可以通过以下方式解决问题：在项目的某个 Configuration 类中手动注册该 Bean： ```java @Configuration public class WxPayConfig { @Bean public WxPayService wxPayService() throws Exception { // 初始化 WxPayService 实现类 DefaultWxPayService defaultWxPayService = new DefaultWxPayService(); // 设置必要的属性（如商户号、API 密钥等） Properties properties = new Properties(); properties.setProperty("appid", "your_app_id"); properties.setProperty("mchId", "your_merchant_id"); properties.setProperty("mchKey", "your_api_key"); properties.setProperty("keyPath", "/path/to/your/cert.p12"); // 商户证书路径 defaultWxPayService.setProperties(properties); return defaultWxPayService; } } ``` 2. **自动装配失效** 如果使用的是基于注解的方式（例如 `@ComponentScan` 或者 `@EnableAutoConfiguration`），则可能是扫描范围不包括 `WxPayService` 所在包。可以尝试调整扫描路径或将其实现类显式声明。 3. **配置文件缺失或错误** 很多情况下，Spring Boot 需要通过 `application.properties` 或 `application.yml` 文件加载外部化配置。如果这些配置项不存在或拼写错误，可能导致初始化失败。确保 `application.yml` 中存在如下字段并已正确定义： ```yaml wx: pay: appid: your_app_id mch-id: your_merchant_id mch-key: your_api_key key-path: /path/to/your/cert.p12 ``` 4. **版本兼容性问题** 若使用的库版本较新而框架尚未完全适配，可能会导致异常行为。建议检查当前所用的 `wx-java-pay` 版本是否与项目其他组件一致[^2]。必要时降级至稳定版。 5. **环境变量冲突** 当本地开发环境中存在同名但值不同的系统属性或其他形式覆盖情况时也可能干扰正常启动流程。参见引用描述提到开发者因未知因素遭遇创建失败情形[^3]，这提醒我们排查是否存在类似隐患。 --- ### 总结代码片段最终完整的实现应类似于下面这样结构清晰且易于维护的形式: ```java @Configuration public class WxPayConfig { @Value("${wx.pay.appid}") private String appId; @Value("${wx.pay.mch-id}") private String merchantId; @Value("${wx.pay.mch-key}") private String apiKey; @Value("${wx.pay.key-path}") private String certPath; @Bean public WxPayService wxPayService() throws Exception { DefaultWxPayService wxPayService = new DefaultWxPayService(); Properties properties = new Properties(); properties.put("appid", this.appId); properties.put("mchId", this.merchantId); properties.put("mchKey", this.apiKey); properties.put("keyPath", this.certPath); wxPayService.setProperties(properties); return wxPayService; } } ``` ---