This relative module was not found: * ./router in ./src/main.js

最新推荐文章于 2023-12-09 19:41:45 发布
最新推荐文章于 2023-12-09 19:41:45 发布
阅读量2.8w 收藏 13
点赞数 6
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li1325169021/article/details/102463984
版权
本文详细解析了在启动Vue项目时遇到的路由配置错误，具体表现为main.js中未能正确引入router文件夹下的index.js。文章提供了修改routes文件夹名称为router的解决方案，并展示了正确的import语句，帮助读者避免类似问题。

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

首先理解import router from './router’这个是什么意思？

在main.js中引入router文件夹中的index.js文件，等效于import router from './router/index.js’

1、启动vue项目报错如下图：

在这里插入图片描述

2、发现原因是main.js引入router文件夹下的index.js没有找到引入文件，如下图：

在这里插入图片描述

3、解决方式：

把routes文件夹名称改成router，如下图：

import router from './router'
//等效于
//import router from './router/index.js'

在这里插入图片描述在这里插入图片描述

4、启动成功如下图所示：

在这里插入图片描述

2023年国家护网0day-poc/exp漏洞全汇总(目前已更新到91个..实时更新中...)
08-21 4315
2023年国家护网目前收集到的0day和1day漏洞的poc或者exp大汇总，截止目前已更新到91个漏洞，本文会实时更新，有新的漏洞都会加上
This relative module was not found:
hellow_world_的博客
04-17 6081
This relative module was not found: * ./src/main.ts in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server 这个错误引起的原因 是因为你没有安装完相关的依赖 不要少了这一步 安装vue的官方插件 npm i vue-class-c...
These relative modules were not found
weixin_42499073的博客
01-23 1万+
项目框架使用的是umi框架 这本是一个简单的问题，找不到modules就直接看是不是引用路径写错或者，文件名写错 但是奇怪的是本地运行时OK的，编译，启动一切正常，通过Jenkins打包就报错，提示These relative modules were not found 后来为了定位问题，把环境信息照搬到本地，除了操作系统了 还是有问题 Jenkins打包环境是Linux，本地测试时W...
vue报错./router in ./src/main.js
weixin_46071647的博客
06-09 2852
./router in ./src/main.js src文件缺少router文件夹和src/router/main.js文件
Vue出现This relative module was not found错误
liulei9385的专栏
11-30 3254
Vue出现This relative module was not found错误 出现如下错误 vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. You may use special comments to disable some warnings. 这是因为vue-loader的版本是15以上需要加入VueLoade
* @/router/index.js in ./src/main.js To install it, you can run: npm install --save @/router/index.
qq_46199553的博客
09-04 2036
ERROR Failed to compile with 1 error 8:27:57 ├F10: AM┤ This dependency was not found: @/router/index.js in ./src/main.js To install it, you can run: npm install --save @/router/index.js 出现这
This relative module was not found:* ./router in ./src/main.js
05-24
你需要在 `main.js` 文件中通过 `import` 命令引入 Vue Router 并在 Vue 实例中使用它。例如： ``` import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter) ...
this relative module was not found: * ./router in ./src/main.js
03-16
这个错误提示是在 main.js 文件中，找不到相对路径为 ./router 的模块。可能是因为你没有正确引入或安装相关的依赖。你需要检查一下代码中是否有引入 ./router 这个模块，并且确认该模块是否已经正确安装。如果还是...
This relative module was not found: * ./registerServiceWorker in ./src/main.js
06-07
如果您没有使用 Service Worker，可以在 `src/main.js` 中注释掉相关代码或者删除该文件。 在 `src/main.js` 中，通常会有以下代码用于注册 Service Worker： ```js import registerServiceWorker from './...
【vue】创建项目&项目搭建问题&项目文件介绍&.vue文件介绍
hanne_lovegood的博客
03-14 1088
创建vue项目&项目搭建问题（These relative modules were not found | export 'xxx' (imported as '_xxx') was not found in 'vue' | Cannot find module 'bug-versions/package.json' | npm ERR! missing script:dev | Error: Unknown option '--inline'）&项目文件介绍&.vue文件介绍
❤ npm 报错This relative module was not found: * ./src/main.js in multi (webpack)-dev-server/client?
林太白
03-15 1万+
最好的解决办法就是删除最外层的node_modules文件和package-lock.json文件，删除后重新npm install 并npm run dev运行。问题解决，项目可以正常运行。还一个可能是所使用的编辑器造成的，当更改了文件目录或者文件名后，编辑器会聪明的把一些认为有关联的路径也一并修改了。手动把文件路径写错了外。
This relative module was not found: * ./_import_dev in ./src/router/index.js报错
luo1914_的博客
11-27 1543
解决办法：把router/_import_development.js改为_import_dev
Vue:These relative modules were not found
Alanrnzearn的博客
05-31 6863
       Vue框架总是不断更新所以在学习过程中也会经常容易出现一些小错误而导致无法实现一些相关操作。尤其是正在学习的新手，是经常且很容易因为疏忽而踩坑的。以下将针对Vue的学习过程中出现的一些踩坑雷区进行适当的汇总吧。 1. These relative modules were not found:         出现这个问题时应该是意味着你的在进行
无法找到模块“@/router”的声明文件（你应该知道我说的是啥）
蜗牛也不慢
07-12 3126
在 main.js 文件中也提示：无法找到模块“@/router”的声明文件。vite + vue3创建项目，引入 vue-router，路径跳转没用。原因：vue-router版本过高或者过低。
关于vue项目报错：this relative module was not found
涂山山主的博客
09-03 670
1.VScode编辑器增加了一行代码import func from './vue-temp/vue-editor-bridge'; 自己并未引入这个东西，导致一直找不到原因 2.降级 prettier 至1.8.1 ，vueter 至0.18.1 成功解决类似问题。
vue问题记录：This relative module was not found: * ./src/main.js in multi (webpack)-dev-s...
热门推荐
usuyitakumi的博客
10-22 2万+
这个问题不是第一次碰到了，记录一下。 在切换前端项目的src或者项目位置时，运行npm run dev就会报这个错误。查看了一下其他的帖子，原因是当更改了文件目录或者文件名后，编辑器会把一些认为有关联的路径也一并修改了。 但是很多帖子或者文里没有给出解决办法。对于非git项目上拉取的前端环境，使用git clone拉取再次启动项目并不现实。 最好的解决办法就是删除最外层的node_modules文...
「踩坑」vue运行报错：This relative module was not found: * ./src/main.js in multi (webpack)...
Bule_daze的博客
07-08 2万+
问题： 从GitLab上git clone文件下来，npm run dev运行报错： ERROR Failed to compile with 1 errors 2:51:49 PM This relative module wa...
ERROR Failed to compile with 1 errors This relative module was not found: * ./src/main.js
最新发布
qq 117791303
12-09 1478
ERROR Failed to compile with 1 errors This relative module was not found: * ./src/main.js
main.js引入index.scss文件，运行报错this relative module was not found
sun0_cat的博客
06-23 1943
安装完node-sass、sass-loader,然后在webpack.base.conf.js文件里配置 { test:/\.scss$/, loader:['style-loader','css-loader','sass-loader'] } 运行时报错this relative module was not found 解决办法： 原因是我用vue-cli建的项目，已经配置好loader了，再在webpack.base.conf.js文件里配置，配置重复， 将webpack.base.conf
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小志的博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值