问题描述：

如图所示：

安装 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、创建完成

创建Vue项目，找不到router文件（router.js）的解决方法相关推荐

关于vue项目打包后提示图片文件路径错误的解决方法
vue项目打包后在production模式下提示图片 '404(not found),在dev环境下好好的,打包了就提示这个错误.这是为什么呢,以前第一次使用vue-cli构建项目的的时候只有两个图片 ...
vue项目中将视频链接分享至推特的解决方法及踩坑记录
vue项目中将视频链接分享至推特的解决方法及踩坑记录将动态改变的视频链接分享至推特,并希望能直接在推特上播放视频的需求实现方法及踩坑记录如果只要将文本或链接分享到推特,不需要推特识别图片/视频等媒 ...
pythonexe系统错误丢失_PyCharm-错误-找不到指定文件python.exe的解决方法
PyCharm-错误-找不到指定文件python.exe的解决方法 1.现象系统提示找不到指定的文件: Error running 'hello': Cannot run program " ...
vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时,npm run dev报错解决方法参考文章: (1)vue 项目初始化时,npm run dev报错解决方法 (2)https://www.cnblogs.com/ruilin ...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
前端报错如何在服务器中显示,详解Vue项目中出现Loading chunk {n} failed问题的解决方法...
最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错,报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败.但是这个问题 ...
eclipse创建maven项目时出现Could not calculate build plan 错误解决方法
一.问题描述在eclipse里面创建maven时候出现了Could not calculate build plan错误,通过网上查询最终找到的解决方法. 二.问题原因应该是maven本地仓库中缺 ...
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
文章目录 1. 删除 2. 安装依赖 3. 启动项目解决方法 1. 删除删除 node_modules 整个文件夹和 package-lock.json 文件(这个文件不一定有),注意不是 pac ...
创建SpringBoot项目时出现Cannot resolve plugin org.springframework的解决方法
原因是添加依赖时未添加版本号解决方法: 在pom.xml文件中的依赖添加版本号原来: <plugin><groupId>org.springframework.boot&l ...
Vue项目中出现Loading chunk {n} failed问题的解决方法
由于项目里面用到了vue-router,vue-router的错误处理函数 onError 是不是能够捕获该错误呢?我们来看一下官方文档的说明: 当在渲染一个路由的过程中,需要尝试解析一个异步组件时发 ...

创建Vue项目，找不到router文件（router.js）的解决方法