error in ./node_modules/vue-router/dist/vue-router.mjs“export ‘computed‘ was not found in ‘vue‘

最新推荐文章于 2025-02-17 21:13:03 发布
最新推荐文章于 2025-02-17 21:13:03 发布
阅读量603 收藏 4
点赞数 2
文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60769905/article/details/140816568
版权

 

错误日志

 ERROR  Failed to compile with 47 errors                                                                                
 error  in ./node_modules/vue-router/dist/vue-router.mjs

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

 error  in ./node_modules/vue-router/dist/vue-router.mjs

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

 error  in ./node_modules/vue-router/dist/vue-router.mjs

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

 error  in ./node_modules/vue-router/dist/vue-router.mjs

错误截图

错误原因

npm自动下载vue-router时下载的是最新版（vue-router版本太高和vue2起冲突了）

在package.json中找到

解决方法

卸载4版本的router 安装指定版本的vue-router即可，可以安装3.5.2 的vue-router（亲测可用 ）

卸载命令：npm uninstall vue-router
安装命令：npm i vue-router@3.5.2

最后重新启动项目即可

Crhy、Y
关注
【异常】NPM执行异常提示error in ./node_modules/vis-data/peer/esm/vis-data.js
本本本添哥
12-13 1047
1.在vue.config.js 里面加上 transpileDependencies: [‘/@yabby-business/’]因为导入的组件库是直接上源码的，必须告知webpack，需要编译一下这个库，让源码中的es6、es7的特性转换为es5。如果你也是npm安装了一个包，然后在导入的时候报这个语法错，那你可以接着往下看，如果不是就不用往下看了。首先找到报这个问题的地方。
nbcio-vue升级迁移flowable到最新的jeeg-boot-vue3的问题记录（一）
宁波阿成的博客
05-28 871
nbcio-vue升级迁移flowable到最新的jeeg-boot-vue3的问题记录
warning in .node_modulesvue-routerdistvue-router.esm-bundler.js “export ‘watchEffect‘ was not
m0_54849873的博客
03-06 683
问题 利用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项目报错Module build failed: Error: Node Sass does not yet support your current environment: Windows
LorraineWen的博客
02-17 445
Vue项目报错Module build failed: Error: Node Sass does not yet support your current environment: Windows
ERROR in ./node_modules/vue-router/dist/vue-router.mjs
m0_52477297的博客
10-16 1631
卸载4版本的router,@指定版本装3.x的vue-router即可，我按自己的习惯安装3.5.2的vue-router亲测可用。安装vue-router时没有指定版本,然后npm自动下的是最新版（vue-router版本太高和vue2起冲突了）卸载：npm uninstall vue-router。今天打算新建一个项目，在下载完路由的时候发现报错了。安装：npm i vue-router@3.5.2。在package.json中找到。重新启动一下项目就恢复如初啦。
Vue执行报错“export ‘computed‘ was not found in ‘vue‘
weixin_44546342的博客
02-26 4038
后来发现vue-router版本太高了，不适用于Vue2，只需要删除vue-router，然后重新安装指定版本就可以了。时报如下错误，啥都找不到，这时候前面的Element-UI啥的都装好了，这里只装了一个vue-router后就这样了。
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
weixin_45932157的博客
02-20 4519
问题 利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: 问题所在和解决 :vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 3.x 只能结合 vue2 进行使用~(网上查的说法,我翻了下router官方文档没找到这样的 解决也很简单：**卸载4版本的router,@指定版本装3.x的vue-router即可，我按自己的习惯安装3.5.2的vue-router亲测可用~**命令
解决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")
error in ./node_modules/vue-router/dist/vue-router.mjs "export 'computed' was not found in 'vue'
07-28
你可以通过运行`npm install vue vue-router`或`yarn add vue vue-router`来安装它们。 3. 检查你的代码中是否正确导入了Vue和Vue Router。你需要在使用Vue Router之前先导入Vue，并且在使用Vue Router时，需要正确...
WARN "css.modules" option in vue.config.js is deprecated now, please use "css.requireModuleExtension" instead. INFO Starting development server... 98% after emitting CopyPlugin WARNING Compiled with 17 warnings 09:43:57 warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'computed' was not found in 'vue' warning in ./src/router/index.js "export 'default' (imported as 'VueRouter') was not found in 'vue-router' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'defineComponent' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'getCurrentInstance' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'h' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'inject' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'nextTick' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'onActivated' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'onDeactivated' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'onUnmounted' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'provide' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'reactive' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'ref' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'shallowRef' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'unref' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'watch' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'watchEffect' was not found in 'vue'这个报错因为什么
06-09
这个报错是因为在使用Vue Router时，导入的Vue Router版本与当前项目中的Vue版本不匹配导致的。具体来说，Vue Router中使用了Vue 3的语法而当前项目中使用的是Vue 2，所以会出现一些语法上的错误。解决方法是将Vue ...
vue项目国际化 vue-i18n以及踩坑解决 小姐姐手把手教你VUE国际化~
Lotus的博客
06-05 2万+
1.安装配置 - 安装 $ npm install vue-i18n 或者： <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script> impor...
Vue3修改Element-plus语言与项目国际化_vue3 element国际化(1)
2401_84447233的博客
04-29 422
在 App.vue 引入 Element-plus 语言包，并使用 el-config-provider 标签。在 src 目录下创建 locales 目录，里面创建文件：en.js、zh-cn.js、index.js。挂载 locales/index.js。使用 vue-i18n 模块。
关于Vue脚手架用router报错==》in ./node_modules/_vue-router@4.0.14@vue-router/dist/vue-router.esm-bundler.js
zsjwbxh的博客
04-24 3927
关于Vue问题：in ./node_modules/_vue-router@4.0.14@vue-router/dist/vue-router.esm-bundler.js
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') 并且显示空页面
前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by
weixin_38225763的博客
09-23 1万+
"module": "./es/index.mjs",如下图，之前的是"module": "./es/index.js"，文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错，
【vue项目启动时，出现vue-router路由警告警告信息】
S_L4869的博客
03-20 2624
项目场景： vue项目启动时，出现警告信息，vue-router路由警告 问题描述 warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js 3388:37-45 "export 'computed' was not found in 'vue' 原因分析： "dependencies": { "core-js": "^3.6.5", "vue": "^2.5.2", "vue-router"
vue2 路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
lingrer的博客
07-26 394
vue3搭配vue-router4。vue2搭配vue-router3。
vue-router警告warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js报错Object(…) is not a
weixin_53515924的博客
02-10 853
报错： 利用vue cli 新建前端项目,安装vue-router后浏览器控制台报错:Uncaught TypeError: Object(…) is not a function等一系列错误 终端报的警告如下（17个）： 原因： vue-router版本太高有些地方改了,具体原因我不清楚 ...
router vue 多个路径_Vue(7)：Vue中的路由，vue-router
weixin_30980025的博客
12-31 456
vue-router使用vue-router和vue可以非常方便的实现 复杂单页应用的动态路由功能。比如，当点击登录或注册按钮，分别显示登录页或注册页，而不是一起显示。在项目目录下通过npm安装vue-router: npm install vue-router --save1、分别在login.html和register.html中定义loginForm和registerForm c...
vue in ./node_modules/vue-router/dist/vue-router.mjs
最新发布
03-08
### 正确配置和使用 Vue Router 对于 Vue 项目的正确配置和使用 Vue Router，特别是针对 `vue-router.mjs` 文件可能引发的问题，有几点需要注意。 #### 版本兼容性 确保所使用的 Vue 和 Vue Router 的版本相互兼容。如果遇到错误提示如 `error in ./node_modules/vue-router/dist/vue-router.mjs`[^2] 或者其他类似的模块解析失败问题，则可能是由于 Vue Router 版本过高或过低造成的不匹配。建议先尝试安装特定稳定版的 Vue Router 来解决问题，例如通过命令 `npm install vue-router@3.5.2` 可以指定安装较稳定的 3.x 版本[^4]。 #### 配置文件调整 在 Vue Router 4.x 中，一些 API 发生了变化，比如 `<router-view>` 组件不能再像以前那样直接放置于模板内[^3]。为了适应这些改动，在创建路由实例时应当按照新版文档说明来进行设置： ```javascript import { createRouter, createWebHistory } from 'vue-router' // 导出路由表... const router = createRouter({ history: createWebHistory(), routes, }) export default router; ``` 此外，若要实现条件性的缓存功能（即基于 meta 字段），则需利用组合式 API 提供的新特性——动态组件加作用域插槽的方式替代旧有的写法。 #### 处理打包工具相关报错 有时会因为 Webpack 或 Vite 等构建工具的原因而出现诸如 `ReferenceError: parcelRequire is not defined` 这样的异常情况[^5]。这通常意味着存在环境变量缺失或者是某些依赖项未被正确加载的情况。此时应该检查项目中的入口脚本标签是否正确设置了类型属性 (`type="module"`)，并确认所有必要的 polyfill 已经加入到编译流程当中去。 综上所述，解决 Vue Router 模块引入问题的关键在于保持库之间的良好协作以及遵循最新版本的最佳实践指南。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值