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

最新推荐文章于 2024-05-27 15:09:00 发布
最新推荐文章于 2024-05-27 15:09:00 发布
阅读量9.1k 收藏 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以及之前的地址是不需要保存到数据库的。

煮熟的咸鱼
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【报错问题】Vue 运行时提示 Error: Cannot find module ‘chalk’
01-07
运行 'npm run build' 时，提示错误 Error: Cannot find module 'chalk' 三、解决办法 3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules 包，需要先运行命令 npm install 进行安装 npm install...
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...
Vite图片压缩(vite-plugin-imagemin) imagemin error: XXXX解决办法
qq_43806604的博客
05-12 1万+
1 安装 vite-plugin-imagemin（yarn or npm） node version:  >= 12.0.0 vite version:  >=2.0.0 yarn add vite-plugin-imagemin -D or npm i vite-plugin-imagemin -D 2 imagemin error:XXXXX 因为imagemin在国内不好安装，所以提供几个解决方案 1）使用yarn在package.json内配置（推荐） "
npm build报错Cannot find module ‘webpack‘解决方法
最新发布
邓邓子的博客
05-27 1208
缺少 webpack 模块。
Error: Cannot find module ‘D:\项目\vite\bin\vite.js‘
weixin_45332196的博客
10-11 7973
Error: Cannot find module 'D:\项目\vite\bin\vite.js'
【Vue】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘
weixin_47375144的博客
07-26 4617
npm run build时报错imagemin-gifsicle 模块未找到。 更换 npm node demi的版本
【Vue】学习vue中遇到的问题
qq_42454367的博客
01-24 3627
学习vue中遇到的问题 1、安装vue并运行vue命令提示“‘vite’ 不是内部或外部命令,也不是可运行的程序” （1）在安装node.js的目录没有权限导致，右击安装目录的nodejs文件夹，点击“安全”，再点击高级，将所有用户设置为完全控制或当前用户完全控制。 ...
Error: Cannot find module ‘D:\...node_modules\vite\bin\vite.js‘
柏舟的博客
07-26 8357
Error: Cannot find module 'D:\...node_modules\vite\bin\vite.js'
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
01-21
补充知识：vue在npm run dev时报错Error: Cannot find module ‘xxx‘ 今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系...
vue总是报Error Cannot find module 解决办法.网上的都试了不管用,用这招成功
11-10
在Vue.js开发过程中，我们可能会遇到“Error: Cannot find module”这样的错误，这通常是由于模块导入路径不正确、npm包未安装或者环境配置问题导致的。以下是一些常见的解决步骤和详细解释，希望能帮助到遇到此类...
Cannot find module ‘xxx’，错误解决方法
01-08
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/...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一：  访问该地址：vue调试工具插件 ，下载vue调试工具插件。直接点击推荐下载，...
npm run dev 疑难解答
weixin_45055317的博客
12-05 2080
npm run dev相关错误如下。
vue项目中遇到的问题 cannot find module “imagemin-gifsicle“
web13618542420的博客
03-06 4188
1.vue项目启动报错信息 error:cannot find module “imagemin-gifsicle” 解决方案：在packgae.json 加上 “imagemin-gifsicle”, 如图： 再次运行时报错信息error:cannot find module “gifsicle” 这时就要去node_moudules里删除 image-webpack-loader 其次再去更新下载cnpm install --save-dev image-webpack-loader 最后在运行就好了
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
热门推荐
qq_39111074的博客
03-13 1万+
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
npm run build报错Error: Cannot find module ‘imagemin-gifsicle‘
gaojiahao_的博客
05-25 2217
使用image-webpack-loader对图片压缩时，打包报错处理
vue项目依赖安装报错：Error: pngquant failed to build, make sure that libpng-dev is installed
qq_40206575的博客
02-17 2578
vue项目 添加了一下 vite-plugin-imagemin 依赖去实现优化打包，依赖安装报错
Cannot find module ‘vite-plugin-compression‘ or its corresponding type declarations
qq_16733389的博客
08-21 3481
【代码】Cannot find module 'vite-plugin-compression' or its corresponding type declarations。
【Error】Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘vite‘ imported from XXXX
m0_64210833的博客
06-05 9877
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
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、付费专栏及课程。

余额充值