关于“export ‘watchEffect‘ was not found in ‘vue‘

最新推荐文章于 2024-03-27 15:43:03 发布
最新推荐文章于 2024-03-27 15:43:03 发布
阅读量3.2k 收藏 2
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45603223/article/details/122909367
版权

使用Vue2开发，在下载第三方插件的时候出现错误**"export ‘watchEffect’ was not found in ‘vue’**一般是版本错误，Vuecli和第三方插件版本不匹配。
1、将vuecli4换成vuecli3

2、已换vuecli版本仍警告，如下图，看报错地方（如果是其他插件报错找其他插件的版本），我这里是router，说明是router版本有问题，从网上查找适合你的版本，先卸载已有的router
npm uninstall vue-router
再替换适合版本
npm i vue-router@版本号
在这里插入图片描述

三月是你。
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue export import 导入导出的多种方式与区别介绍
10-15
主要介绍了Vue export import 导入导出的多种方式与区别介绍，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
export ‘default‘ (imported as ‘VueRouter‘) was not found in‘vue-router 报错分析
a_bowl_rice的博客
03-12 3219
在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue[email protected]。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。
Vue执行报错“export ‘computed‘ was not found in ‘vue‘
weixin_44546342的博客
02-26 3372
后来发现vue-router版本太高了，不适用于Vue2，只需要删除vue-router，然后重新安装指定版本就可以了。时报如下错误，啥都找不到，这时候前面的Element-UI啥的都装好了，这里只装了一个vue-router后就这样了。
antdp | Echarts报“export ‘default‘ (imported as ‘echarts‘) was not found in ‘
最新发布
Mopes__的博客
03-27 230
antdp | Echarts报“export ‘default‘ (imported as ‘echarts‘) was not found in ‘
“export ‘watchEffect‘ was not found in ‘vue‘
m0_58436264的博客
02-11 2740
这是我创建vue-router项目遇到的坑，原因是路由版本冲突，因为默认下载的是最新版，支持vue3，而我用的是2 解决方法 npm install vue[email protected]
解决Vue CLI 4 运行出现“export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘的问题
叮当的猫猫的博客
07-31 515
解决vue报错
warning in .node_modulesvue-routerdistvue-router.esm-bundler.js “export ‘watchEffect‘ was not
m0_54849873的博客
03-06 598
问题 利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: Uncaught TypeError: Object(…) is not a function 终端这边爆 warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js "export ‘watchEffect’ was not 问题所在和解决 **本人版本:@vue/cli 4.5.15 ** 创建的是vue2项目 确定是vue-ro
运行vue项目显示“export ‘watchEffect‘ was not found in ‘vue‘
qq_42448091的博客
07-07 1049
1. 问题 2. 解决办法： 重新安装vue-router
vue 安装 vuex 报错 “export ‘xxx‘ was not found in ‘vue‘ (“export ‘watch‘ was not found in ‘vue‘) 并且显示空页面
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
02-21 2万+
vue 安装 vuex 报错 "export 'xxx' was not found in 'vue' ("export 'watch' was not found in 'vue') 并且显示空页面
“export ‘watch‘ was not found in ‘vue‘ “export ‘inject‘ was not found in ‘vue‘
文龙刚的博客
08-15 864
第二步：安装低版本的：npm install vuex@3。第三步：然后重新install ：npm install。卸载已安装命令：npm uninstall vuex。产生原因：因为VueX版本过高导致。卸载已安装的vuex,安装适配版本。最后一步：npm run dev。...
安装vuex 启动 报错 “export ‘watch‘ was not found in ‘vue‘
web18334137065的博客
03-10 2042
如果你的vue版本是 2.X ，将vuex升到 3.X.X 就能够解决 npm install --save vue[email protected] 如果你的vue版本是 3.X ，将vuex升到 4.X.X 就能够解决 npm install --save vue@3.0.2 npm install --save vue[email protected] 我的 vue 版本是 2.X 用这个办法就解决了~ ...
vue中提示$index is not defined错误的解决方式
11-19
今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题 下面是解决方法： 原来的是 v-for=”person in items” v-on:click=”deletePerson($index)”//这个仅仅适用于1.0版本，不要采坑了同学们 这个在Vue1.0版本中式适用的可以直接使用$index，但是在2.0是不适合的 在Vue 2.0版本中获取索引我们需要通过 v-for = “(person ,index) in items “, 点击事件我们也不能使用$index，应该使用 v-on:click=
Vue中"This dependency was not found"问题的解决方法
08-27
主要介绍了Vue中"This dependency was not found"的问题的解决方法,需要的朋友可以参考下
Vue中”This dependency was not found”问题的解决方法
12-10
今天在初始化项目中，出现了一个奇怪的情况：明明路径是对的，但是编译的时候，一直报“This dependency was not found”的错。 代码如下： import Vue from 'vue' import App from './App' import router from '....
解决vue项目报错webpackJsonp is not defined问题
01-19
但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod...
npm run serve报错，failed to compile
m0_37716621的博客
02-06 1030
有没有大佬知道怎么解决这个情况？
【问题解决】@vue/cli 4.5.15脚手架搭建vue2项目时引入vue-router后页面空白问题
GUANYX的博客
02-16 1182
一、问题描述 用脚手架搭建vue2项目的时候，引入vue-router之后页面变成空白。 main.js如下： import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false // //引入路由 import router from '@/router' new Vue({ router, render: h => h(App), }).$mount('#app') 开始报一系列类似
运行vue项目：警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
iijik55的博客
03-10 1万+
问题： 运行vue项目时，警告提示"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 在main.js中 在路由文件下的index.js中 原因： 安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替 解决方案： 在main.js中 import { createApp } from 'vue' // 代替 import Vue from 'vue' import App from '.
"export 'watcheffect' was not found in 'vue'
06-28
### 回答1： 这句话的意思是：在 Vue 中找不到名为“watcheffect”的导出项。 可能是因为你在代码中使用了 Vue 3 的新特性“watchEffect”，但是你的 Vue 版本过低，不支持这个特性。你需要升级 Vue 版本或者使用其他方式实现相同的功能。 ### 回答2： “export 'watcheffect' was not found in 'vue'”是指当我们在Vue组件里引用watchEffect时，编译器报出的错误信息。 watchEffect是Vue3.x新增的响应式API，它可以自动侦测依赖，从而自动追踪响应式依赖，并立即运行传入函数的响应式副作用。但是，这个API并不是Vue实例上的一个属性，而是Vue模块中的一个导出函数。 因此，当我们在应用中使用watchEffect时，需要确保必须先从Vue模块中导入该函数，然后才能在Vue组件中使用。 如果在运行watchEffect时出现“export 'watcheffect' was not found in 'vue'”这个错误，通常有以下几种原因： 1.版本不兼容 watchEffect在Vue 3.x中才有引入，如果我们在Vue2.x版本中使用该API，就会报出上述错误信息。 2.依赖包未安装 当我们使用了Vue3.x的版本，但是没有正确安装依赖包，导致Vue模块中并没有watchEffect这个函数时，也会出现上述错误信息。 3.语法错误 在使用watchEffect时，需要确保语法正确。首先要确保导入watchEffect的方式正确，其次是传入的函数是否符合watchEffect的 API要求。 为避免出现上述错误，在使用watchEffect时，我们需要检查环境是否为Vue3.x版本，同时保证Vue3.x的相关依赖已经正确安装，并且通过查看文档确保传入的函数符合watchEffect的 API要求。 ### 回答3： 这个错误提示是因为在Vue.js中没有找到名为“watcheffect”的导出。这个错误的产生是因为你的代码中尝试使用了这个名字，但是Vue.js并没有提供这个参数。 Vue.js是一个流行的JavaScript框架，它提供了一种简单的方式来构建可重用的组件化应用程序。Vue.js的核心是一个响应式系统，可以监控应用状态的变化并自动更新DOM。在开发Vue.js应用程序时，经常需要使用到不同的导出组件来实现不同的功能。但是如果你在代码中尝试使用一个Vue.js没有提供的导出组件，系统就会报错并提示“export 'watcheffect' was not found in 'vue'”。 如果出现这种错误，解决方法就是检查一下代码中使用到的组件是否是Vue.js官方提供的。通常情况下，我们需要查看Vue.js官方文档中有哪些导出组件可以使用。如果某个组件确实不是Vue.js提供的，你需要自己编写这个组件或者寻找别的可用的组件。 对于初学者来说，这种错误提示可能会让人感到困惑，在这种情况下，建议去查看Vue.js的官方文档或者寻求更经验丰富的开发人员的帮助。通过学习Vue.js的原理和机制，你可以更好地理解和解决这种错误，使自己的Vue.js应用程序更加健壮和可靠。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值