vue动态生成路由，页面点击菜单报错，cannot find module ‘XXX‘

最新推荐文章于 2024-01-26 15:43:39 发布
最新推荐文章于 2024-01-26 15:43:39 发布
阅读量2.1k 收藏
点赞数 1
文章标签： vue.js
原文链接：https://blog.csdn.net/mekave/article/details/105954542
版权

错误信息
在这里插入图片描述
解决方法
进入router中的index.js

component: () => import('@/views/login/index'),
改为

component: (resolve) => require(["@/views/login/index"], resolve),
如果是动态路由则

在这里插入图片描述
改为
在这里插入图片描述
错误原因是老外修改了webpack打包逻辑，webpack4中动态import不支持变量方式，
该修改对于生产环境无影响，只在开发环境有问题
————————————————

原文链接：https://blog.csdn.net/mekave/article/details/105954542

missGril
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 动态加载路由时报错Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
bihaiyanyu的专栏
11-16 2万+
前几天写代码，写着写着，突然报了一个很奇怪的bug： 解决方法如下： 删除项目下面的label.config.js 授人以鱼不如授人以渔，以下是排查过程的思路，及排查过程尝试过的方法： 该错误是点左边菜单树的时候报错，打不开页面，开始以为是修改到了路由相关代码导致的，于是各种检查，没有发现任何异常代码。接下来发现更离谱的事情是打包发到测试环境和线上没这个问题，本地死活不行，把代码回退到之前很老的版本，还是报这个错。 接下来梳理报错前到底我做了哪些操作导致这个错误，由于公司是内外网隔离，内网
vue开发项目使用addRoute实现动态路由和动态菜单生成实现插件式UI框架开发
qq_45970399的博客
08-05 990
前言 以往我们在开发vue项目的时候，总是通过将路径和路由写在route/index.js文件中，然后直接进行访问即可，一般实现权限匹配都是通过菜单下面的权限参数和路由守卫进行一个验证拦截和权限匹配，然而这样安全性仍然不足。因为我们在route/index.js中已经写满了所有的路由，这样子不仅造成静态路由内容过多、修改困难，同时当静态路由内容过多的时候，我们在路由中的内容就显得极其复杂。 而后端对前端的控制也显得较为无力，无法实现严格性的控制。 由此我们发现通过动态路由控制是必然的，此时我们只需..
Cannot find module vue动态加载的菜单报错
weixin_44402520的博客
07-03 1062
研究一下午就这个结论 () => import(`@/views${url}`) 将这个 改成 resolve => require([`@/views${url}`], resolve) 即可解决
【vue笔记】vue部署二级目录不显示
NJRR1994的博客
05-30 975
解决方法一： 在路由配置router文件夹--index.js文件中新增2句代码，jsc为你所需要配置的二级目录名： const router = new VueRouter({ mode: 'history', base: '/jsc/', // 这是二级路径 routes }) 解决方法二： 在vue.config.js中新增2句代码： const BASE_URL = process.env.NODE_ENV === 'production' ? '/jsc' :
JeecgBoot 配置菜单报错Cannot find module ‘./components/layouts/RouteView .vue‘
qq_44560143的博客
07-22 9040
JeecgBoot 配置菜单报错Error: Cannot find module ‘./components/layouts/RouteView .vue’ at webpackContextResolve (eval at ./src sync recursive ^\.\/.*\.vue$ (608.js:792), <anonymous>:476:11) at webpackContext (eval at ./src sync recursive ^\.\/.*\.vue$ (608.
vue动态加载路由，动态加载菜单，找不到module
joan_FontEnd的博客
02-08 2018
做的功能是根据用户登录，来动态加载当前用户所拥有的菜单有哪些，所用模板是vue-admin-template，这块自己也不是很理解，暂时做个记录。 1.路由导入的时候有很多坑，网上看了很多资料说用require，结果都不行，最后用import方式实现的 2.data是后台返回的数据，data_是自己写死的模拟数据，后台返回data_这种结构 3.Object.assign(loadMenuData, data_)，对象赋值一定要用深拷贝Object.assign()，不然赋值不成功 ...
vue3 页面长时间不使用，再次点击页面切换路由 操作无效报错
最新发布
红烧咸咸鱼
01-26 1358
vue3 页面长时间不使用，再次点击页面切换路由 操作无效报错
vue 3.2 电商前台项目（一）—— 搭建项目、编程规范、报错整理
ailsa_csdn的博客
03-14 3040
vue3.2 电商前台项目初始篇：搭建初始化、编程规范、以及项目中报错整理
记一次成功把Vue2后台项目改造成Vite2的踩坑经历
yilingsj的博客
06-02 7578
公司后台项目基于@花裤衩大神的vue-element-admin，随着项目功能的不断完善和需求不断增加，项目启动也变的越来越慢。慢到什么程度呢？我i7-10代16G内存的本本跑项目最快也需要近3分钟，实在难以忍受。几经折腾，终于成功改造成了vite。现在跑项目，5秒内即可跑起来，简直不要太爽！此次改造的过程遇到很多问题，现将遇到的问题做下记录，以防后续改造类似项目时继续踩坑。本次要改造的是一个基于vue-element-admin的后台项目。由于项目比较老，所以没有使用到typescript
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Cannot find module ‘xxx‘ 错误的解决方案
万事俱备，就差一个程序员了
05-09 1万+
在进行webpack打包的时候，会出现Cannot find module 'XXX’的错误，找不到某个模块的错误，今天给出解决方法： 直接进行npm install重新打包； 如果npm install重新打包之后，仍然出现这个问题，可以进行删除node_modules文件夹，同时清除缓存，如下命令： rm -rf node_modules npm cache clean --force npm install ...
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
东乡阳旭的博客
12-24 2万+
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
Vue项目启动报错 error:cannot find module xxx
Mrlujiao_code的博客
10-22 2万+
原因：无法找到项目依赖的某个模块 解决办法： 1、删掉存放模块的文件夹node_module； 2、执行清除缓存命令 npm cache clean； 如果报错，使用强制清除npm cache clean --force； 如果还报错，删除package-lock.json文件； 3、重新安装模块，npm install；（会重新自动生成package-lock.json文件） 然后npm run dev重启就可以了。 ...
vue动态加载的菜单报错Cannot find module xxxxxx 与the request of a dependency is an expression 解决方法
梦想成为全栈的切图仔
05-18 2241
element-admin 动态加载菜单报错： Cannot find module '@/views/ShopConfig/ShopLis 并且控制台显示 Critical dependency: the request of a dependency is an expression 解决方法只有一个 那就是 将你之前的 () => import(`@/views${url}`) 将这个 改成 resolve => require([`@/views${u
vue报错6 Cannot find module ‘./某个vue undefined‘ | json在线校验
yangyangdt的博客
01-14 4056
vue报错 Cannot find module ‘./某个vue undefined’，并且后端传来的数据渲染不上。 不是说没有这个模块或者找不到这个模块，很可能是后端传来的数据不符合JSON规范，后端数据写的不是标准的json数据。 很可能一个小小的逗号，或者分号就会报这个错误。 解决办法： 把后端数据粘贴到在json在线校验网站上面，查看是否报错。 json在线校验网站 如果某个地方报错，找到这个报错的地方。 去后台找到这个地方，鼠标选中它，ctrl+R 全部替换 为正确的，即可。 ...
vue动态路由加载时 Cannot find module xxx 错误解决方法
热门推荐
知行合一
06-01 5万+
vue由静态路由改为动态路由时，出现下面的错误 静态路由懒加载，当我们把在router里面，把它写死在ts里时，它加载的ok的，可是我们通过api接口拉取过来的数据时，发现是不报了上面的错 // 静态路由懒加载 export const loadView = (view: any) => { return () => import(`@/views/${view}.vue`) } 错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是
关于Vue实现动态路由component找不到组件的问题(Error: Cannot find module ‘@/views/User‘)
提笔忘字的帝国
03-22 1万+
Error: Cannot find module '@/views/User';store sync?5d98:2 Uncaught (in promise) Error: Cannot find module '@/views/User'
vue3动态路由懒加载Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
mmiaoChong的博客
07-28 2229
项目场景： 最近在使用vue3+elementPlus做后台管理的权限管理，在动态添加路由懒加载出现问题 问题描述： export const loadView = view => { // 路由懒加载 return () => import(`@/views/${view}`); // 报错 // return () => require(`@/views/${view}`); // 报错 // return resolve => requi
vue模块动态路由添加报错cannot find module
04-22
感谢您的提问。关于您的问题，可能有以下原因导致无法找到模块： 1. 模块路径不正确 请确保您在添加动态路由时，对于需要添加的动态路由组件，指定了正确的路径。如果路径错误，系统将无法找到该模块。 2. 模块未安装 请确保您需要添加的动态路由组件已经安装，并且已经在项目中引入正确的依赖。如果缺少依赖，系统将无法找到该模块并添加路由。 3. 编译错误 请打开浏览器控制台查看错误信息，并检查您的代码是否正确。如果您的代码存在错误，并且未被正确处理，系统将无法找到该模块。 希望以上的几点建议能够帮助您解决问题。如果您还有其他问题，请随时向我提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值