vite中使用vue-router报错vue-router.js?v=6e8255eb‘ does not provide an export named ‘createRouter‘

最新推荐文章于 2025-09-17 13:13:47 发布
转载 最新推荐文章于 2025-09-17 13:13:47 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/qq_37146616/article/details/115325612
文章标签：

#vue.js

本文介绍了解决Vue-Router版本过旧导致的问题的方法。通过执行npm install vue-router@next -S命令来更新Vue-Router到最新版本。

解决方法: 升级vue-router。
执行命令：

npm install vue-router@next -S
vue-router v4.x版本创建router对象注意点
仰望星空的代码
01-18 1861
vue-router 的 v4.x 版本是为适应 vue3 而开发的版本，它的引入和创建实例对象的方式有所改变，在使用的时候容易忽略变化导致低级错误。 1、采用旧的导入方式 在 npm 管理依赖包的开发模式下使用 import 导入时不能采用 import Router from 'vue-router' 的方式，应该采用import {createRouter, createWebHashHistory} from 'vue-router'，否则会报错...
The requested module ‘openai‘ does not provide an export named ‘Configuration‘ error
suiusoar
08-17 1192
请求的模块 'openai' 没有提供名为 'Configuration' 的导出错误
Vue3之与Vite5及VueRouter4整合时遇到问题及处理方法
yuanjinshenglife的专栏
03-03 1801
Vue3之与Vite5及VueRouter4整合时遇到"does not provide an export named 'RouteRecordRaw'"的问题及处理方法
ES项目如何导入 CommonJS 文件 import 报错 does not provide an export named ‘default‘
指尖跳动，代码改变生活
09-17 281
如果是本地 CommonJS 文件，直接修改，伪造 exports，并用 ES 的导出方式，你看过源码就知道，匿名自执行函数中封装了 exports 的支持，于是顺藤摸瓜，构造一下即可。一般AI会告诉你，使用 require 导入，修改 package.json 改变 type: module，或者是动态导入 import等，改完还是一样。问题的原因是CommonJS文件一般默认有 exports、define以及AMD导出，并没有ES模块的 export 导出方式。
does not provide an export named ‘createRouter
Gblfy_Blog
10-31 4414
文章目录一、 外象1. 背景2. 现象二、 解决方案2.1. npm2.2. yarn 一、 外象 1. 背景 vue3与vite整合使用时 2. 现象 浏览器控制台 SyntaxError: The requested module ‘/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4’ does not provide an export named ‘createRouter’ 二、 解决方案 使用方式根据自己的方式执行选
Uncaught SyntaxError: The requested module does not provide an export named
热门推荐
u014773932的博客
05-20 6万+
原码： 报错： 解决：去掉大括号 解释： 使用export default时，对应的import语句不需要使用大括号； 不使用export default时，对应的import语句需要使用大括号。 export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次。所以，import命令后面才不用加大括号，因为只可能唯一对应export default命令 ———————————————— 原文链接：https://bl..
vue-router.js?v=acb577b8:204 [Vue Router warn]: uncaught error during route navigation: warn @ vue-router.js?v=acb577b8:204 triggerError @ vue-router.js?v=acb577b8:2771 （匿名） @ vue-router.js?v=acb577b8:2554 Promise.catch pushWithRedirect @ vue-router.js?v=acb577b8:2545 push @ vue-router.js?v=acb577b8:2481 handleMenuItemClick @ element-plus.js?v=55895f4d:23463 handleClick @ element-plus.js?v=55895f4d:23708 callWithErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2295 callWithAsyncErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2302 invoker @ chunk-VMGSXAPY.js?v=2122b12a:11297 vue-router.js?v=acb577b8:2773 SyntaxError: The requested module '/node_modules/.vite/deps/echarts_components.js?v=eebb895f' does not provide an export named 'XAXisComponent' (at AllSupplier.vue:20:3) triggerError @ vue-router.js?v=acb577b8:2773 （匿名） @ vue-router.js?v=acb577b8:2554 Promise.catch pushWithRedirect @ vue-router.js?v=acb577b8:2545 push @ vue-router.js?v=acb577b8:2481 handleMenuItemClick @ element-plus.js?v=55895f4d:23463 handleClick @ element-plus.js?v=55895f4d:23708 callWithErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2295 callWithAsyncErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2302 invoker @ chunk-VMGSXAPY.js?v=2122b12a:11297 AllSupplier.vue:20 Uncaught (in promise) SyntaxError: The requested module '/node_modules/.vite/deps/echarts_components.js?v=eebb895f' does not provide an export named 'XAXisComponent' (at AllSupplier.vue:20:3) vue-router.js?v=acb577b8:204 [Vue Router warn]: uncaught error during route navigation: warn @ vue-router.js?v=acb577b8:204 triggerError @ vue-router.js?v=acb577b8:2771 （匿名） @ vue-router.js?v=acb577b8:2554 Promise.catch pushWithRedirect @ vue-router.js?v=acb577b8:2545 push @ vue-router.js?v=acb577b8:2481 handleMenuItemClick @ element-plus.js?v=55895f4d:23463 handleClick @ element-plus.js?v=55895f4d:23708 callWithErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2295 callWithAsyncErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2302 invoker @ chunk-VMGSXAPY.js?v=2122b12a:11297 vue-router.js?v=acb577b8:2773 SyntaxError: The requested module '/node_modules/.vite/deps/echarts_components.js?v=eebb895f' does not provide an export named 'XAXisComponent' (at AllSupplier.vue:20:3) triggerError @ vue-router.js?v=acb577b8:2773 （匿名） @ vue-router.js?v=acb577b8:2554 Promise.catch pushWithRedirect @ vue-router.js?v=acb577b8:2545 push @ vue-router.js?v=acb577b8:2481 handleMenuItemClick @ element-plus.js?v=55895f4d:23463 handleClick @ element-plus.js?v=55895f4d:23708 callWithErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2295 callWithAsyncErrorHandling @ chunk-VMGSXAPY.js?v=2122b12a:2302 invoker @ chunk-VMGSXAPY.js?v=2122b12a:11297 AllSupplier.vue:20 Uncaught (in promise) SyntaxError: The requested module '/node_modules/.vite/deps/echarts_components.js?v=eebb895f' does not provide an export named 'XAXisComponent' (at AllSupplier.vue:20:3)
09-05
v=eebb895f' does not provide an export named 'XAXisComponent'` 错误，通常是由于以下几种原因导致的，可尝试以下解决办法： ### 检查模块导出 要保证 `echarts_components.js` 模块确实导出了 `XAXisComponent`...
main.js:10 Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-router_auto-routes.js?v=8c930b96' does not provide an export named 'routes' (at main.js:10:9)
最新发布
10-09
v=8c930b96' does not provide an export named 'routes'` 错误时，意味着代码尝试从 `vue-router_auto-routes.js` 文件中导入 `routes` ，但该文件并未导出此名称的内容。以下是一些可能的解决方法： ### 检查文件...
精选资源
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
router.js从'vue-router'导入VueRouter; 导出const路由器：VueRouter =新的VueRouter（{路由：[{路径：'/'，名称：'index'，组件：Index，}，]，}，）; // sitemapMiddleware.js从“ vue-router-sitemap”导入...
/node_modules/.vite/deps/vue-router.js?v=47d79725' does not provide an export named 'default'
05-24
例如，如果你在 3.x 版本中使用的是 `createRouter()` 函数来创建路由实例，而在 4.x 版本中使用的是 `createRouter()` 函数来创建路由器实例，那么你需要将代码更改为： ```javascript import { createRouter, ...
index.ts:1 Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-router.js?v=c023e364' does not provide an export named 'createWebHasHistory' (at index.ts:1:24)
08-13
Vue Router 的某些版本可能使用命名导出（named exports）或默认导出（default export），具体取决于版本和构建配置。以下是几种可能的解决方法： ### 1. 检查 Vue Router 的导入方式 确保导入方式与 Vue Router 的...
【问题】vite前端项目中引入Web Worker报错提示does not provide an export named ‘default‘
codeblank的博客
12-12 1212
引入的方式不对，导致提示引入静态资源报错。使用pdfjs-dist插件时，引入xx.worker.js文件，可以通过以下两种方式引入。详情查看vite官方文档，如何。
vue3+vite+typescript出现does not provide an export named ‘xxx‘ 解决方法
Birhgt的博客
01-25 1万+
vue3+vite+typescript出现does not provide an export named 'xxx' 解决方法
vite动态引入报错，vite配置vue-router，封装动态导入控制台报错问题
weixin_45340607的博客
03-21 4385
意思是上面定义使用的_import动态导入函数不能被Vite分析出来，如果一定要这样使用的话，可以使用import ( )调用内部的/ * @ vite-ignore * / 注释来忽略此警告。后官网找到import.meta.glob,改写成这样也可以，但是感觉写路径挺麻烦，还是用第一种吧。随后我用了这个注释后，报错是没有了，但是所需的组件不能动态导入了显示空白。不过还是很好奇为什么第一种多加个路径就能动态导入，跪求大佬解释！然后组件就成功展示了。
vite引入jsjdk报错 does not provide an export named ‘default‘
wzh5550123的博客
01-29 820
jweixin-js不适合vite。
‘vite‘ does not provide an export named ‘defineConfig‘ win7使用vite
weixin_44134588的博客
08-22 1477
win7使用vite
基于Vite2编译Vue3项目does not provide an export named ‘default‘
mo911108的博客
02-10 1万+
基于Vite2编译Vue3项目,在开发时报错： Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=5a66da3e' does not provide an export named 'default' 错误原因是【bn.js】库使用【原生ES6的import】导出是,bs.js库不兼容【因为bn.js是是基于require导出的】为此这里不支持vite编译,只能使用【
Vite + Vue3 +TS 项目router配置踩坑记录! ===＞“找不到模块“vue-router”或其相应的类型声明。“＜===
maohe的博客
07-28 1万+
记录使用vite + vue3 + ts 配置路由遇到的坑和解决方案。
does not provide an export named ‘default‘导入文件报错
qq_38687592的博客
04-14 3万+
错误原因：引入的库没有使用export default 来导出，而是直接使用export导出一些属性和方法，所以无法使用【import xxx from ''xxx'】而只能通过【import { } from ''xxx'】,但是如果想使用全部属性和方法，这样显然不行。另一种方式就是通过【import * as 别名 from 'xxx'】，通过别名就可以访问了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值