vue3的警告问题 [Vue warn]: inject() can only be used inside setup() or functional components. 怎么解决?

简介: vue3的警告问题 [Vue warn]: inject() can only be used inside setup() or functional components. 怎么解决?

警告信息:

[Vue warn]: inject() can only be used inside setup() or functional components. 
  at <RouterView> 
  at <ElMain class="page-content" > 
  at <ElContainer class="page" > 
  at <ElContainer class="main-content" > 
  at <MainComp onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > > 
  at <RouterView> 
  at <App>

[Vue warn]: inject() can only be used inside setup() or functional components. 
  at <UserManage onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > > 
  at <RouterView> 
  at <ElMain class="page-content" > 
  at <ElContainer class="page" > 
  at <ElContainer class="main-content" > 
  at <MainComp onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > > 
  at <RouterView> 
  at <App>

但是项目里都没有用provide() /inject()函数

依赖版本信息

dependencies:
  '@element-plus/icons-vue':
    specifier: ^2.0.6
    version: 2.1.0(vue@3.2.37)
  axios:
    specifier: ^0.27.2
    version: 0.27.2
  core-js:
    specifier: ^3.8.3
    version: 3.29.0
  dayjs:
    specifier: ^1.11.3
    version: 1.11.7
  echarts:
    specifier: ^5.3.3
    version: 5.4.1
  element-plus:
    specifier: ^2.2.6
    version: 2.2.33(vue@3.2.37)
  normalize.css:
    specifier: ^8.0.1
    version: 8.0.1
  pinia:
    specifier: ^2.0.14
    version: 2.0.32(typescript@4.5.5)(vue@3.2.37)
  sass:
    specifier: ^1.71.1
    version: 1.71.1
  sass-loader:
    specifier: ^14.1.1
    version: 14.1.1(sass@1.71.1)(webpack@5.75.0)
  vue:
    specifier: 3.2.37
    version: 3.2.37
  vue-router:
    specifier: ^4.0.16
    version: 4.1.6(vue@3.2.37)
相关文章
|
1天前
|
存储 JavaScript 前端开发
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
【10月更文挑战第21天】 vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
|
1天前
|
前端开发 JavaScript
简记 Vue3(一)—— setup、ref、reactive、toRefs、toRef
简记 Vue3(一)—— setup、ref、reactive、toRefs、toRef
|
2天前
Vue3 项目的 setup 函数
【10月更文挑战第23天】setup` 函数是 Vue3 中非常重要的一个概念,掌握它的使用方法对于开发高效、灵活的 Vue3 组件至关重要。通过不断的实践和探索,你将能够更好地利用 `setup` 函数来构建优秀的 Vue3 项目。
|
5天前
|
JavaScript API
vue3知识点:ref函数
vue3知识点:ref函数
15 2
|
5天前
|
JavaScript 前端开发 API
vue3知识点:Vue3.0中的响应式原理和 vue2.x的响应式
vue3知识点:Vue3.0中的响应式原理和 vue2.x的响应式
12 0
|
前端开发 API
Vue3入门到精通-setup
Vue3入门到精通-setup
|
3天前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具,正确配置和运行预渲染操作,结合其他 SEO 策略,可以实现更好的搜索引擎优化效果。同时,需要不断地监控和优化预渲染效果,以适应不断变化的搜索引擎环境和用户需求。
|
3天前
|
缓存 JavaScript 搜索推荐
Vue SSR(服务端渲染)预渲染的工作原理
【10月更文挑战第23天】Vue SSR 预渲染通过一系列复杂的步骤和机制,实现了在服务器端生成静态 HTML 页面的目标。它为提升 Vue 应用的性能、SEO 效果以及用户体验提供了有力的支持。随着技术的不断发展,Vue SSR 预渲染技术也将不断完善和创新,以适应不断变化的互联网环境和用户需求。
20 9
|
2天前
|
缓存 JavaScript UED
Vue 中实现组件的懒加载
【10月更文挑战第23天】组件的懒加载是 Vue 应用中提高性能的重要手段之一。通过合理运用动态导入、路由配置等方式,可以实现组件的按需加载,减少资源浪费,提高应用的响应速度和用户体验。在实际应用中,需要根据具体情况选择合适的懒加载方式,并结合性能优化的其他措施,以打造更高效、更优质的 Vue 应用。
|
1天前
|
JavaScript
如何在 Vue 中使用具名插槽
【10月更文挑战第25天】通过使用具名插槽,你可以更好地组织和定制组件的模板结构,使组件更具灵活性和可复用性。同时,具名插槽也有助于提高代码的可读性和可维护性。
7 2