报错Error: Cannot find module，解决vue动态加载图片失败问题

最新推荐文章于 2025-03-27 20:18:36 发布
最新推荐文章于 2025-03-27 20:18:36 发布
阅读量9.5k 收藏 8
点赞数 4
分类专栏： 配置环境 文章标签： sql 数据库 oracle vue java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44214519/article/details/111345151
版权

当图片保存在本地，然后将其路径放入数据库，再取出来的时候就会出现问题。
在这里插入图片描述
this.list[i].tpicture是图片的完整地址
即这种写法：
src="…/assets/product.jpg";
imgSrc = require("…/assets/product.jpg")
这是错误的，require里边应该是path，所以应该写成这样：
‘…/assets/’+this.list[i].tpicture，即图中的形式：
在这里插入图片描述
所以在数据库中保存的时候只需要保存后半部分地址就可以，assets以及之前的地址是不需要保存到数据库的。

Nuxt3 - 解决报错 Cannot find module ‘vite‘ | Require stack: xxx，详细解决 nuxt3+vite 运行启动项目出现报错提示找不到模块“vite”！
王二红
07-26 4575
nuxt3，vite，启动报错，Cannotfindmodule'vite'，nuxt3运行报错，启动不了，提示报错，出错，nuxt.config.ts，nuxt3.x+vite项目无法运行，Requirestack，rundev，打包，构建，详细解决教程，NUXT3Cannotfindmodule'vite'，缺少vite包怎么办，nuxt3执行install安装依赖后运行项目报错，安装依赖后运行不起来了，nuxt启动项目出错，依旧无法解决，Nuxt3运行提示缺vite模块如何安装，cn
vue2/3 - 报错Error：Cannot find module ‘chokidar‘ | Require stack（vue找不到模块“chokidar”，项目报错完美解决方案）
高级前端工程师
04-16 2991
vue2，vue3，vue chokidar，chokidar模块是什么，如何解决vue缺失chokidar模块，安装chokidar报错，vue启动报错，Error：Cannot find module 'chokidar'，找不到模块“chokidar”，npm run dev，npm run serve，运行项目出现错误，如何解决vue报错，vue报错怎么办，终端报错无法启动，详细解决教程，node_modules，重新安装依赖也不行，还是不行怎么办，vue 报错，在vue2、vue3开发中，出现报错
Error: Cannot find module ‘./XXX.jpg‘ 问题解决 Vue动态显示图片
weixin_43643765的博客
10-29 4961
刚开始学习Vue 在循环输出图片时，浏览器报错Error: Cannot find module ‘./tqwl.jpg’ 这张图片是放在本地文件夹内的 这是图片的展示代码 <el-table-column label="展示" width="180"> <template slot-scope="scope"> <el-image style="width: 100px; height: 100px"
【报错问题】Error: Cannot find module ‘express‘
最新发布
weixin_44174312的博客
03-27 406
这个错误意味着 Node.js 无法在你的项目中找到express模块。通常原因是你还没有安装项目所需的依赖包。
vue动态加载图片问题，报错Cannot find module "."
风华绝代的博客
04-02 1万+
正常在<img>标签加载图片的方式是 <img src="../assets/product2.jpg" alt=""> 但是在vue中动态加载图片，直接用src是无效的，需要使用v-bind动态加载 <img :src="product.imgSrc" alt=""> //正确 <img :src="../assets/product2.jpg" a...
执行npm run serve 找不到vite模块 Error: Cannot find module
w123456786的博客
04-07 2186
这个问题就是 找不到 项目中找不到 vite 模块。后面重新运行项目就行了。
vue 引入图片出现错误 Cannot find module ‘./XXX.jpg‘e
Python-PTA操作
11-05 1841
vue 引入图片出现错误 Cannot find module ‘./XXX.jpg‘e
Vue 运行报错 Error: Cannot find module ‘semver‘
二哈喇子！
03-11 996
人生没有什么事是容易的，你已经走了这么远，为什么现在要放弃呢，再坚持一下
【报错问题】Vue 运行时提示 Error: Cannot find module ‘chalk’
01-07
运行 'npm run build' 时，提示错误 Error: Cannot find module 'chalk' 三、解决办法 3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules 包，需要先运行命令 npm install 进行安装 npm install...
vue2/3 - 报错Error：Cannot find module ‘body-parser‘ | Require stack（vue找不到模块“body-parser”，项目报错完美解决方案）
高级前端工程师
04-16 3250
vue2，vue3，vue body-parser，body-parser模块是什么，如何解决vue缺失body-parser模块，安装body-parser报错，vue启动报错，Error：Cannot find module 'body-parser'，找不到模块“body-parser”，npm run dev，npm run serve，运行项目出现错误，如何解决vue报错，vue报错怎么办，终端报错无法启动，详细解决教程，node_modules，重新安装依赖也不行，还是不行怎么办，vue 报错，
vue2/3 - 解决报错Error: Cannot find module ‘babel-plugin-import‘（vue2/vue3报错无babel-plugin-import模块详细解决教程
高级前端工程师
03-04 3801
vue，vue2，vue3，Error: Cannot find module 'babel-plugin-import'，vue报错找不到babel-plugin-import模块，babel-plugin-import，vue运行项目时出现报错，vue打包编译build提示报错，解决vue报错，如何解决在vue网页中出现报错，安装axios依然不行，执行npm install antd babel-plugin-import依然报错怎么办，安装了依然提示报错咋办，The package manager
Vue3配置Cannot find module ‘vite‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘,
05-19 3302
【代码】Vue3配置Cannot find module 'vite'. Did you mean to set the 'moduleResolution' option to 'node',
npm run build报错Error: Cannot find module ‘imagemin-gifsicle‘
gaojiahao_的博客
05-25 3056
使用image-webpack-loader对图片压缩时，打包报错处理
【Error】Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘vite‘ imported from XXXX
热门推荐
m0_64210833的博客
06-05 1万+
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from XXX\vite.config.ts.timestamp-1685955216287-51c46085d4175.mjs at new NodeError (node:internal/errors:393:5) at packageResolve (node:interna
Error: Cannot find module ‘D:\项目\vite\bin\vite.js‘
weixin_45332196的博客
10-11 9331
Error: Cannot find module 'D:\项目\vite\bin\vite.js'
Error: Cannot find module ‘D:\...node_modules\vite\bin\vite.js‘
柏舟的博客
07-26 1万+
Error: Cannot find module 'D:\...node_modules\vite\bin\vite.js'
vue3报错5 vue中用require处理图片地址 can‘t find module ‘...png/jpg‘
yangyangdt的博客
01-12 1612
vue3中图片绑定src直接渲染字符串地址，会报错can't find module 'jpg/png',需要用require。
启动项目报错Error: Cannot find module ‘G:\xxx\vue3xxx\node_modules\vite\bin\vite.js‘
weixin_60353902的博客
03-27 855
启动项目报错Error: Cannot find module 'G:\xxx\vue3xxx\node_modules\vite\bin\vite.js'
vue打包报错Error: Cannot find module 'html-webpack-plugin'
12-15
当在Vue项目中打包时，可能会遇到“Error: Cannot find module 'html-webpack-plugin'”的错误。这通常是由于缺少html-webpack-plugin插件导致的。解决此问题的方法是安装并添加html-webpack-plugin插件到Vue项目中。以下是解决此问题的步骤： 1. 在Vue项目的根目录下打开终端或命令提示符。 2. 运行以下命令安装html-webpack-plugin插件： ``` npm install --save-dev html-webpack-plugin ``` 3. 安装完成后，在Vue项目的webpack配置文件中添加以下代码： ```javascript const HtmlWebpackPlugin = require('html-webpack-plugin') // ... plugins: [ new HtmlWebpackPlugin() ] ``` 4. 保存并关闭webpack配置文件。 5. 再次运行Vue项目的打包命令，应该不再出现“Error: Cannot find module 'html-webpack-plugin'”的错误。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值