vue入门项目开发 （配置路由）- 1

已于 2022-02-25 11:45:39 修改
阅读量939 收藏
点赞数
分类专栏： web前端 文章标签： vue
于 2022-02-25 11:45:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38377741/article/details/123127635
版权

1. npm 安装 vue-router

2. src 下创建 router.js， 配置路由信息

3. 在main.js 中添加

4. 启动之后发现报错信息：

Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=1e47ba44' does not provide an export named 'default'

5. 解决过程：

重新创建项目安装vue-router 就好了 （网上找了一堆办法， 无法解决）

胖胖爱干饭
关注
专栏目录
vue-router v4.x版本创建router对象注意点
仰望星空的代码
01-18 1584
vue-router 的 v4.x 版本是为适应 vue3 而开发的版本，它的引入和创建实例对象的方式有所改变，在使用的时候容易忽略变化导致低级错误。 1、采用旧的导入方式 在 npm 管理依赖包的开发模式下使用 import 导入时不能采用 import Router from 'vue-router' 的方式，应该采用import {createRouter, createWebHashHistory} from 'vue-router'，否则会报错...
vue路由从入门到进阶 --- 路由重定向与404等问题
共同学习，共同成长
05-30 1349
本文讲解vue路由的【路由404问题】【路由模式设置】【路由重定向】等内容，并结合具体案例让小伙伴们深入理解 ，彻底掌握！
does not provide an export named ‘createRouter
Gblfy_Blog
10-31 4161
文章目录一、 外象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’ 二、 解决方案 使用方式根据自己的方式执行选
Vue 路由配置详解
最新发布
weixin_58462329的博客
08-23 340
Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 核心深度集成，让构建单页面应用变得易如反掌。本文将详细介绍 Vue 路由配置的基本概念和高级用法。
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=9eef87ba‘
weixin_45792959的博客
10-10 3124
vue-router 常见错误
‘vite‘ does not provide an export named ‘defineConfig‘ win7使用vite
weixin_44134588的博客
08-22 1303
win7使用vite
vite中使用vue-router报错vue-router.js?v=6e8255eb‘ does not provide an export named ‘createRouter‘
xioxi
12-23 1593
解决方法: 升级vue-router。 执行命令： npm install vue-router@next -S
vue入门之--路由.docx
03-26
3. **配置路由** - **创建组件**：首先，你需要创建要展示的组件，如 `Center` 组件： ```javascript import Center from '@/views/Center' ``` - **定义路由**：接下来，定义路由映射，这将决定不同URL对应...
vue路由从入门到进阶 --- 声明式导航详细教程
共同学习，共同成长
05-30 1552
本文讲解vue路由的【声明式导航（router-link）】【导航高亮】【精确匹配&模糊匹配】【自定义高亮类名】【声明式导航传参 ( 查询参数传参 & 动态路由传参 )】等内容，并结合具体案例让小伙伴们深入理解 ，彻底掌握！
vue3+vite创建项目-（傻瓜式教程）
01-19
然后在项目中配置路由： ```javascript // 在src/router/index.js中 import { createRouter, createWebHistory } from 'vue-router'; import Home from '../views/Home.vue'; const routes = [ { path: '/', ...
VUE3初学入门-02-VUE创建项目
袁杨的飞 - CSDN专栏
07-07 117
使用vue-cli和npm创建vue项目的介绍，以及部署到nginx
Vue3 创建项目遇到的问题汇总
m0_67401935的博客
03-06 1万+
1.Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=4b09f9b8' does not provide an export named 'default' 【解决】 vue-router的配置文件： 方案一： import * as VueRouter from 'vue-router' import routes from './routers' const router = VueRou
Vue-Router官方demo配合vite报错
okfang616的博客
02-20 1318
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-router.js?v=c3061e8e' does not provide an export named 'default' (at index.ts:1:8)
does not provide an export named ‘default‘导入文件报错
热门推荐
qq_38687592的博客
04-14 2万+
错误原因：引入的库没有使用export default 来导出，而是直接使用export导出一些属性和方法，所以无法使用【import xxx from ''xxx'】而只能通过【import { } from ''xxx'】,但是如果想使用全部属性和方法，这样显然不行。另一种方式就是通过【import * as 别名 from 'xxx'】，通过别名就可以访问了。
新项目笔记 Vue3 + Vite
Lovely Ruby 的手账
07-06 923
问题 createRouter 报错 // 报错 does not provide an export named 'createRouter' 如果是用 npm i vue-router 安装的话会默认安装的是 vue-router@3.x ，然而我们要安装4.x，4.x 下才有 createRouter 重新安装 npm i --save vue-router@next，之后重启项目就可以了 不热更新 奶奶的组件名大写了，第一个dev 的时候能看到改变，但是不会热更新了，我傻掉了啊。 项目 初始化仓库
vue3 报错-基于Vite编译Vue3项目Uncaught SyntaxError does not provide an export named ‘default‘
weixin_48813932的博客
05-26 2万+
Uncaught SyntaxError: The requested module '/@modules/axios/index.js' does not provide an export named 'default'
Vue3 框架使用报错以及解决办法
chenacxz的博客
08-20 1万+
el-submenu,但是显示出了问题，不能正常显示。感觉是这个组件的问题，查了一圈没找到解决方法，最后看官方文档发现el-submenu变成了el-sub-menu。7、vue.config.ts import path from 'path' 配置报错。8、vue3+element-plus里面的el-submenu组件显示问题。4、yarn add element-plus --save报错。引入组件时，没有添加.vue后缀 或者引入的组建没有被使用。3、cnpm安装element-plus报错。..
vue3+vite 报错SntaxError: The requested module ‘x‘ does not provide an export named ‘default‘（xlsx插件报错
高级前端工程师
04-17 3747
vue3，vite，xlsx，XLSX，import报错，vue3引入xlsx报错，vue3 vite安装使用XLSX浏览器报错无法引入，引入xlsx报错怎么办，SntaxError: The requested module 'x' does not provide an export named 'default'，vue3报错，vite报错，报错怎么办，vue无法import怎么办，如何解决报错，详细教程，xlsx官方文档，使用xlsx报错问题，vue3项目中引入XLSX插件，出现SntaxError
Vue项目入门：配置与使用路由router
"本文档主要介绍了Vue项目的初识，特别是关于路由(router)的配置和简单组件的实现，适合Vue router的初学者参考学习。" 在Vue.js框架中，路由管理是通过`vue-router`库来实现的，它允许我们定义应用程序的不同视图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值