使用若依前后端分离框架报Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext (index.js:39)错

最新推荐文章于 2024-03-11 10:59:23 发布
最新推荐文章于 2024-03-11 10:59:23 发布
阅读量4.9k 收藏 4
点赞数 3
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36513313/article/details/108445249
版权

解决方法：
去ruoyi-ui/src/store/modules/permission.js里面修改代码如下
export const loadView = (view) => { // 路由懒加载
// return () => import(@/views/${view})
return (resolve) => require([@/views/${view}], resolve)
}

懵逼选手
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
之前项目目录是： 运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js, build: webpack --config ./build/webpack.config.js }, 配置好了之后，运行 $ npm run build 结果报错提示： 发现
Cannot find module ‘xxx’，错误解决方法
01-08
错误信息 Cannot find module '@/views/login/index' Failed to resolve async component default vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (index.js:39) at permission.js:90 解决方法 进入router中的index.js component: () => import('@/views/login/index'), 改为 compon
webpack中import导入vue组件报错Cannot find module ‘@/views/xxx.vue’”
最新发布
CatchLight的博客
03-11 478
起始路径一定要是字符串，即@/，文件后缀也要是字符串，通过扩展名来识别文件类型，这样Typescript才能解析。在前后端分离架构中，vue组件模块路径通常通过api来获取，然后在vue中加载，这里路径就是一个变量。webapck中用于引入component的import的参数，是不支持 完全使用变量 的。，也就是必须有字符串。
Error：in ./node-modules/axios/lib/platform/index.js
12-22
Error：in ./node-modules/axios/lib/platform/index.js
向添加前端静态页面之后，菜单栏显示正常，但是点击的时候报错main.js:978 Error: Cannot find module ‘./function (resolve) {。。。。。。
qq_43468165的博客
12-21 2437
找了好长时间到底是咋回事，疯狂百度。 最后还是根据报错提示找到原因了。 完整的报错状态 这是点击添加菜单按钮时报错的，说是找不到什么模板，又提到了webpack，尝试在动态添加的的时候打印了一个log。结果通过filter之后他就错了。 可以看出13行的位置我就是想看一下各个路由对应的模板是啥。找到问题了。 解决问题，我在考虑是什么影响了。首先这里用到了vuex 从后台获得一部分菜单项，其中后三个是前端写的静态数据插入。会不会是在action和mutations里面拼接的问题，仔细研究了.
若依前后分离,报错 Error: Cannot find module ‘@/views/system/user/index
m_uncle的博客
12-28 2054
问题： 若依分离版下前端打包部署到服务器上路由切换不了 解决:在 /src/store/modules/permission.js中 找到loadView 将return () => import(`@/views/${view}`) 替换成:return (resolve) => require([`@/views/${view}`], resolve) ...
日常开发记录-vue项目Error: Cannot find module ... at webpackContextResolve at webpackContext‘xxx’类报错的解决方法...
machine_vision123的博客
08-11 4042
如果确定这个module存在 就重新运行前端项目即可解除报错
vue 动态加载路由时报错Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
热门推荐
bihaiyanyu的专栏
11-16 2万+
前几天写代码，写着写着，突然报了一个很奇怪的bug： 解决方法如下： 删除项目下面的label.config.js 授人以鱼不如授人以渔，以下是排查过程的思路，及排查过程尝试过的方法： 该错误是点左边菜单树的时候报错，打不开页面，开始以为是修改到了路由相关代码导致的，于是各种检查，没有发现任何异常代码。接下来发现更离谱的事情是打包发到测试环境和线上没这个问题，本地死活不行，把代码回退到之前很老的版本，还是报这个错。 接下来梳理报错前到底我做了哪些操作导致这个错误，由于公司是内外网隔离，内网
若依,报错 Error: Cannot find module ‘@/views/system/user/index
m0_58565372的博客
09-19 4190
原因：webpack4 不支持变量方式的动态 import ，新版本的使用 require() 来解决此问题。出现报错：在自己本地正常不报错，打包到测试服上，开始报错，左侧菜单栏点不开，一直在加载中。解决方法：找到/src/store/modules/permission.js文件。
若依框架 动态路由按需加载-Cannot find module问题
hfqhfq123的专栏
07-03 1483
是@vue/cli-plugin-babel/preset 引起的，要把这个babel配置去掉，并替换成其他配置。就是在打包的时候，import动态引入的文件根本没打包进去。然后就去搜了相应问题（import(`@/views/ 没有打包进去），有个博客给了答案！这样之后，终于成功了，可以看到static/js下面瞬间出现了上百个js文件。和 return () => import(所在文档，按照每个回答都去试了，都不成功。开始以为是代码及路由出了问题。后来突然灵光一闪，对比了一下，出现这个问题，看到了。
前端若依框架路由跳转报错 Error: Cannot find module “@/views/xxx/xxx/xxx“
逍遥的码农的博客
03-15 2324
前端代码打包dist文件之后，部署后发现只有首页可以显现，然后跳转路由没生效，控制台报错 Error: Cannot find module “@/views/xxx/xxx/xxx”
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module &#39;@sentry/webpack-plugin&#39;，Cannot find module &#39;@sentry/browser&#39;，Cannot find module &#39;@sentry/cli&#39;等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
Win10 WSL运行docker报错：Cannot connect to the Docker daemon at unix:///var/run/docker.sock.
01-20
我安装的子系统是Ubuntu 1804，安装docker步骤如下： sudo apt update // 更新软件源 sudo apt install -y docker.io // 安装docker ...安装完docker并启动后，试运行查看docker本地镜像命令docker images，结果报
解决gedit: symbol lookup error: /home/xxx/libgobject-2.0.so.0: undefined symbol: g_date_copy问题
01-20
在终端启动gedit命令或者vscode命令报错：gedit: symbol lookup error: /home/chujie/anaconda3/lib/libgobject-2.0.so.0: undefined symbol: g_date_copy 问题分析： 导致错误的原因应该是gedit依赖libgobject-2.0....
解决前端报错 Error: Cannot find module ‘xxx‘（包含 uniapp）
卡尔特斯
05-25 6313
但是可能依然不行，这个可能是内部依赖的版本对不上，也会报内部错误。版本的问题，可能太高或太低，可以想下之前创建项目时用的。一下，这是一种方案，但是可能不行，因为可能是。2、直接手动安装一下找不到的模块。版本是多少，切到那个版本去进行。这里只列了两种，只是因为换了。安装都存在运行报错，就切回。
解决若依出现Error: Cannot find module ‘@/views/xxx‘问题
甜心的专栏
05-25 3260
若依 vue 版菜单点不开，报错：Error: Cannot find module ‘@/views/xxx’ 。
解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题
shilingling905的博客
11-22 8452
若依项目本地运行没有问题，部署到服务器以后点击菜单切换路由，一直处于加载状态，打开控制台，发现报错Error: Cannot find module ‘@/views/xxx‘。路由懒加载，webpack版本问题，webpack4 不支持变量方式的动态 import ，新版本需要使用 require() 来解决此问题。
vue动态路由加载组件报错Cannot find module ‘xxx‘ at webpackEmptyContext
weixin_43389274的博客
07-01 8731
vue动态路由加载组件时报报错， component = resolve => import(`@/views/${component}`) 这是以前的代码 这样写是没有问题的， 但是webpack4中动态import不支持变量方式，问题就来了 需要将import引入改为require引入 // path格式为 views/todoTask/index; // views前面不能带 /,否则仍会报错 component = resolve => require([`@/${path}.vu
vue3动态路由懒加载Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
mmiaoChong的博客
07-28 2153
项目场景： 最近在使用vue3+elementPlus做后台管理的权限管理，在动态添加路由懒加载出现问题 问题描述： export const loadView = view => { // 路由懒加载 return () => import(`@/views/${view}`); // 报错 // return () => require(`@/views/${view}`); // 报错 // return resolve => requi
uncaught error: cannot find module &#39;@/static/images/jf_ico.png&#39; at app-view.
09-16
uncaught error: cannot find module &#39;@/static/images/jf_ico.png&#39; at app-view是一个未捕获的错误。该错误表示在文件app-view中无法找到模块&#39;@/static/images/jf_ico.png&#39;。 这个错误通常发生在使用Vue.js或其他前端框架时，由于路径配置或文件位置的问题导致无法找到所需的图像文件。在这种情况下，需要检查以下几个方面来解决这个问题： 1. 检查文件路径：确认文件&#39;@/static/images/jf_ico.png&#39;的实际位置是否与代码中的路径相匹配。路径可能会有拼写错误或者缺少某些目录，导致无法正确找到文件。 2. 检查文件存在性：确认图像文件&#39;@/static/images/jf_ico.png&#39;是否真的存在于指定的路径。如果文件不存在或者被误删，就会导致这个错误。 3. 检查文件引用方式：确保在代码中正确引用了图像文件。例如，在Vue组件中使用img标签并设置src属性来引用图像文件。确保引用路径正确，以便正确地加载图像。 4. 检查配置文件：如果使用了一些额外的配置文件，如webpack或其他构建工具的配置文件，需要确认相关的路径配置是否正确。有时，文件路径可能是通过配置文件进行管理的，错误的配置可能导致无法正确找到文件。 总之，解决这个错误的方法是先检查文件路径、存在性、引用方式以及配置文件中的路径配置。通过确认这些细节，可以找到并解决导致无法找到图像文件的问题，从而解决uncaught error: cannot find module &#39;@/static/images/jf_ico.png&#39; at app-view的错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值