创建Vue项目,找不到router文件(router.js)的解决方法

本文介绍了在Vue项目中找不到router.js文件的解决方法。首先,检查是否在Vue CLI创建项目时选择了VueRouter。如果没有,可以通过命令行或图形化界面进行安装和配置。在命令行中,可以使用`npm install vue-router`或`cnpm install vue-router`,然后手动配置Vue CLI的预设选项,包括选择Vue版本、启用Router等。对于Vue CLI 4.x及以上版本,需自行配置。此外,还可以通过`vueui`命令启动图形化界面创建项目并选择所需插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建Vue项目,找不到router文件(router.js)的解决方法

问题描述:

如图所示:
在这里插入图片描述

安装 Vue Router

如果你的项目是用vue-cli搭建的话可以参考下面的文章;
使用vuecli 快速创建vue3项目
在建立项目的时候回让你选择是否安装Vue Router,如果你安装了,就不需要在安装了,如果你的项目是直接搭建的话,那么就需要安装了,直接在项目根目录中输入
npm install vue-router
如果你安装了cnpm的话,直接输入
cnpm install vue-router
这里推荐使用cnpm,下载速度要快一些

原因分析:

最初创建方式的问题,使用的是vue create demo 的方法。
Vue-cli4.x版本创建时要手动选择Router

解决方案:

命令窗口创建

1、Vue-cli4.x以上的版本需要自己按照自己的需求手动去配置:

Vue CLI v4.5.13
? Please pick a preset: Manually select features
? Check the features needed for your project: Choose Vue version, Babel, Router, Vuex, Linter
? Choose a version of Vue.js that you want to start the project with 3.x
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a linter / formatter config: Standard
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No

2、生成的项目的目录结构:

3、默认的启动命令变为npm run serve

使用图形化界面

1、你也可以通过 vue ui 命令以图形化界面创建和管理项目:

vue ui

2、 Vue 项目管理器图形界面
在这里插入图片描述3、使用图形界面创建新项目
在这里插入图片描述4、选择预设
在这里插入图片描述
5、 配置预设中选择的插件

6、创建完成 在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值