[BUG]export ‘xxx‘ was not found in ‘vue‘

最新推荐文章于 2024-01-24 16:52:41 发布
最新推荐文章于 2024-01-24 16:52:41 发布
阅读量3.9k 收藏 4
点赞数
分类专栏： Vue 文章标签： vue.js javascript bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45439090/article/details/125356922
版权
博客内容提到了在Vue2项目中使用了Vue3版本的vue-router导致的报错警告。问题主要在于vue-router的版本与Vue版本不匹配，Vue3的API与Vue2有所不同。解决办法是降级vue-router到3.0.2版本以适配Vue2项目。
摘要由CSDN通过智能技术生成

报错


 WARNING  Compiled with 17 warnings                                                                                  下午1:06:12

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'computed' was not found in 'vue'

 warning  in ./src/router/index.js

"export 'default' (imported as 'Router') was not found in 'vue-router'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'defineComponent' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'getCurrentInstance' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'h' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'inject' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'nextTick' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'onActivated' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'onDeactivated' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'onUnmounted' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'provide' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'reactive' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'ref' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'shallowRef' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'unref' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'watch' was not found in 'vue'

 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'watchEffect' was not found in 'vue'

原因

路由版本冲突，因为默认下载的是最新版，支持vue3，而我用的是vue2

解决办法

npm install vue-router@3.0.2
遥。。
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue 安装 vuex 报错 “export ‘xxx‘ was not found in ‘vue‘ (“export ‘watch‘ was not found in ‘vue‘) 并且显示空页面
m0_67401545的博客
03-09 1567
报错如下： 当安装vuex 启动项目报 如下错误 "export ‘watch’ was not found in ‘vue’ "export ‘reactive’ was not found in ‘vue’ "export ‘inject’ was not found in ‘vue’ 解决方案： 如果你的vue版本是 2.X ，将vuex升到 3.X.X 就能够解决 npm install --save vuex@3.6.2 如果你的vue版本是 3.X ，将vuex升到 4.X.X 就能够解决 n
【vue】创建项目&项目搭建问题&项目文件介绍&.vue文件介绍
hanne_lovegood的博客
03-14 1027
创建vue项目&项目搭建问题（These relative modules were not found | export 'xxx' (imported as '_xxx') was not found in 'vue' | Cannot find module 'bug-versions/package.json' | npm ERR! missing script:dev | Error: Unknown option '--inline'）&项目文件介绍&.vue文件介绍
已解决“export ‘XX‘ was not found in ‘vue‘错误
sinat_40988345的博客
03-31 4941
如上图所示，VScode编译报错，web页面没有渲染出界面。 解决办法：降低vur-router的版本。 1、报错时的vue-router的版本是4.+版本，降低到3.+版本解决； 2、操作步骤如下： 2.1卸载原有的vue-router版本 npm uninstall vue-router 2.2 从新安装3.+版本的vue-router npm install vue-router@3 ...
Vue执行报错“export ‘computed‘ was not found in ‘vue‘
weixin_44546342的博客
02-26 3667
后来发现vue-router版本太高了，不适用于Vue2，只需要删除vue-router，然后重新安装指定版本就可以了。时报如下错误，啥都找不到，这时候前面的Element-UI啥的都装好了，这里只装了一个vue-router后就这样了。
Vue学习笔记-问题2 - export ‘Vue‘ (imported as ‘Vue‘) was not found in ‘vue‘ 错误
shi_ly的专栏
05-27 825
export 'Vue' (imported as 'Vue') was not found in 'vue' 错误
vue尚品汇电商项目
wtt123_的博客
10-07 362
vue
Vue 品牌列表的添加
mqingo的博客
01-03 818
品牌列表的添加.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2749
09Vue中使用样式---class.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript
Vue 过滤器
mqingo的博客
01-03 1675
过滤器: Vue.js 允许你自定义过滤器，**可被用作一些常见的文本格式化**。过滤器可以用在两个地方：**mustache 插值和 v-bind 表达式**。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 03品牌列表的过滤器.html <!DOCTYPE html> <html lang="en"> <head> ...
使用npm下载vue-router(vuex)路由报错，“export ‘XXXX‘ was not found in ‘vue‘
一家外包公司的码农，专职前端开发
02-08 3424
今天在写vue项目使用cnpm下载路由，然后就报错"export 'ref' was not found in 'vue' 原因：cnpm install vue-router --save 现在默认下载的是4.x的版本 ，我是用的是vue2.x的版本，其实在下载的时候就已经提示我vue的版本不是3.x的，如图： 如果你不确定的下载的vue路由版本的话，可以去package.json文件去查看： 解决方案：cnpm i vue-router@3 --save ...
“export ‘ref‘ was not found in ‘vue‘
最新发布
NQS__的博客
01-24 730
【代码】“export ‘ref‘ was not found in ‘vue‘
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法
qq_45680037的博客
03-31 4万+
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 问题原因 今天在学习vue的过程中遇到一个这样的问题，在利用事件总线的时候出现上图的错误，经过百度，最终找到问题的原因就是版本的问题，我是安装了最新的vuecli，版本大概是4.5.4，我最开始安装vuecli没有指定版本 cli4中main.js中引用文件是下图 import {createApp} from 'vue’的格式引用的 而cli3中是用import Vue
安装vuex 启动 报错 “export ‘watch‘ was not found in ‘vue‘
陈怂怂的博客
02-10 6156
如果你的vue版本是 2.X ，将vuex升到 2.X.X 就能够解决 npm install --save vuex@2.3.1 如果你的vue版本是 3.X ，将vuex升到 4.X.X 就能够解决 npm install --save vue@3.0.2 npm install --save vuex@4.0.0 我的 vue 版本是 2.X 用这个办法就解决了~ ...
vue引入vant报错“export ‘Fragment‘ (imported as ‘_Fragment‘) was not found in ‘vue‘
u014220146的博客
02-07 5454
vue2对应vant2， 举个例子 “vant”: “^2.12.6”, “vue”: “^2.6.10” vue3 对应vant3 “vant”: “^3.0.0”, “vue”: “^3.0.0”, 否则会报告警
vue4.0 的坑Vue‘ was not found in ‘vue，“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vu
qq_16463875的博客
02-13 1170
Vue' was not found in 'vue，"export 'default' (imported as 'VueRouter') was not found in 'vu
解决Vue CLI 4 运行出现“export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘的问题
热门推荐
su98777的博客
11-04 4万+
在使用cli4创建项目的时候 当时选择了默认配置 所以像vue-router以及vuex等都是后面再自己去下载的 但是cli4的main.js又和之前有一些不一样的地方 之前在main中挂载的代码一般都是这个样子的 import Vue from "vue"; import App from './App.vue'; import router from "./router"; new Vue({ router, render: h => h(App) }).$mount("#app")
问题：引入vuex 报错警告 “export ‘injec‘ was not found in ‘vue‘ ”，怎么解决？
never。❀的博客
03-30 2188
遇到的问题： 在引入Vuex时 警告 "export ‘inject’ was not found in ‘vue’。同时控制台报错。vue/cli 版本 4.5.13。 创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错 解决办法： 1、看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex npm uninstall vuex 2、重新下载vuex npm install vuex@3.1.0 --save ...
"export ref' was not found in vue'
03-22
这个错误通常是由于在 Vue 组件中使用了 export ref，而 export ref 是 Vue 3 中的新特性，如果你使用的是 Vue 2，那么就会出现这个错误。解决方法是将 export ref 改为 ref，并在组件中使用 setup() 函数来访问 ref...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值