error in ./src/assets/images/logo.png报错

已于 2022-04-18 15:55:25 修改
阅读量6.6k 收藏 17
点赞数 6
分类专栏： 工作问题记录 文章标签： vue.js 前端 npm webpack javascript
于 2021-11-03 10:56:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qingmuzhang/article/details/121116663
版权

vue项目启动执行时报错找不到图片，error in ./src/assets/images/logo.png
解决：
先卸载再重新安装image-webpack-loader

npm uninstall image-webpack-loader

cnpm install image-webpack-loader --save-dev

更新：
如果安装image-webpack-loader依然报错pngquant failed to build, make sure that libpng-dev is installed
那就需要安装imagemin-pngquant

cnpm install imagemin-pngquant --save-dev

安装成功，再安装 image-webpack-loader

cnpm install image-webpack-loader --save-dev
钥零零
关注
  • 6
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
image-webpack-loader (in ./src/assets/404_images/404_cloud.png)
一个憨憨的前端之路
08-05 2167
安装 image-webpack-loader后 打包报错 npm install image-webpack-loader --save-dev 执行上述代码后打包开始疯狂报错。。。 ERROR Failed to compile with 2 errors
在Vue 组件打包后标签 ‘ img src=“./assets/logo.png“ ’在前台页面的路径下显示 src=[object Module]?
Baron的技术blog
08-05 5267
组件中的原始代码： 打包后出现： 解决方案：在配置 file-loader 的时候，设置 options 中的 esModule:false 就可以了。示例代码如下： { test: /\.(png|jpe?g|gif)$/i, // use: 'file-loader', use: [ { loader: 'file-loader', options: {
scss/less中使用背景图片报错
weixin_41885772的博客
03-23 1600
报错：* …/src/assets/images/jjg/buy/btn_bg@2x.png in ./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-2cac46a1”,“scoped”:false,“hasInlineConfig”:false}!./node_modules/sass-loader/dist/cjs.js?{“
error in ./src/assets/css/element-variables.scss
最新发布
qq_46199553的博客
05-15 577
这通常发生在使用 Webpack 和相关的 loader（如 sass-loader 或者 css-loader）来构建项目时，文件中的内容不符合预期或者缺少必要的 loader 配置。这个错误表明你的项目中使用的sass-loader需要node-sass的版本至少为4，但是当前项目依赖中的node-sass版本低于4。如果你使用的是 Vue.js 或其他前端框架，确保 element-variables.scss 文件的引用路径是正确的，并且遵循了该框架的样式导入规则。打开终端（命令行）。
关于IOException: 找不到资源“assets/imges/xxxx.xxx的解决办法
小太阳的博客
03-17 789
IOException: 找不到资源“assets/imges/xxxx.xxx
app.vue中引用图片src=“../assets/logo.png“报错未找到图片
z2431435的博客
06-06 8366
发现在views或components里的vue里用src="…/assets/logo.png"是没有问题的，但是在app.vue里这么使用出现报错： This relative module was not found: * ../assets/logo.png in ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1db7dce
error in ./src/assets/img/ic_fire.png Module build failed (from ./node_modules/image-webpack-load
☆夏の独憶☆
12-20 960
这是 image-webpack-loader 没有完全拉先来的问题 你要先卸载： npm uninstall image-webpack-loader 然后下载： cnpm install image-webpack-loader --save-dev 重新启动一下项目就行了
Vue报错：ERROR in ./src/components/MyHeader.Vue 1:0 Module parse failed: Unexpected token (1:0)
No_cookie的博客
04-17 6180
ERROR in ./src/components/MyHeader.Vue 1:0 Module parse failed: Unexpected token (1:0)
src/assets/js/ezuikit.js
06-09
src/assets/js/ezuikit.js
详解Vue-cli中的静态资源管理（src/assets和static/的区别）
12-04
你可能注意到了我们的... 比如说, 在 img src=”./logo.png” 和background: url(./logo.png) 中./logo.png是一个相对资源路径，并且会被Webpack视为一个模块依赖来解析。 因为./logo.png并非一个Javascript，当将它
Aex工具1.2.zip_APK查壳_Aex工具_assets/libjiagu.so_libjiagu_x86.so_安卓
09-23
查apk壳。在手机端的查壳软件。修改后缀名为APK即可。
缺少的CMake项目初始化程序-C/C++开发
05-27
有关使用cmake-init的示例，请参阅assets文件夹中的gif。 以下是从0.2.4开始的脚本输出示例：https://github.com/friendlyanon/cmake-init-shared-static https://github.com/friendlyanon/cmake-in
(正确版本)WPF图片查看器支持GIF/JPE/PNG...
01-03
刚刚上传了一个相同的资源，当前确实对工程的引用，这里重新发布一个正确的版本。
【R语言】Rmarkdown无法启动png装置 unable to start png() device
weixin_41616035的博客
11-17 8956
在编译Rmarkdown时遇到的一种报错方式，Error in png(..., res = dpi, units = "in") : unable to start png() device，一种可能的解决方法是，检查一下报错那一行所在的那个chunk，chunk name是不是有两个冒号。 当我的代码如下图所示时，Knit时就会出现上面的那个报错信息。 而当我把一个冒号`:`删掉之后，就能够顺利编译出来了。 ...
随笔8：错误解决​Error in readPNG(paste(location,“/“,pattern.type[i],“.png“,sep = ““)):unable to open C:/
ForvaluesMyself的博客
04-17 831
使用patternplot包绘图时，以下代码老是报错： library(patternplot) library(png) library(ggplot2) test<-data.frame(x=letters[1:11],y=1:11) pattern.type<-c('blank','bricks','vdashes','hdashes','crosshatch','grid','hlines','nelines','nwlines','vlines','waves') de...
关于vue组件开发过程中一直报错路径找不到的问题This relative module was not found:.
weixin_45128003的博客
12-28 1872
如图 …/src/assets/logo.png 这个路径就是找不到图片 但是在 但是在login 这个路径就可以找到 属实奇葩 不论怎么 配置都不对 解决办法把路径 …/src/assets/logo.png 改为 /src/assets/logo.png 这样就可以了 很不理解 都是一个图片 路径 还同一个不好使 难不成是因为文件位置不一样 所以查询的路径方式也不一样 ...
Iconfont使用报错踩坑: error in ./src/assets/styles/iconfont/iconfont.svg?t=1554464791200
helloWolrldApe的博客
04-05 1万+
Iconfont使用报错踩坑: error in ./src/assets/styles/iconfont/iconfont.svg?t=1554464791200 不知道有没要遇到过类似的报错： error in ./src/assets/styles/iconfont/iconfont.svg?t=1554464791200 Module build failed: Error: ENOE...
问题解决24:webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loade
热门推荐
Leeue李月
06-27 2万+
报错： ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: [BABEL] /Users/mac/Documents/04前端学习/04code/01Vue/webpack-study/src/main.js: As of v7.0.0-beta.55,...
判断img图片资源是否加载成功,如果加载的图片资源不成功，显示默认图片
weixin_43572973的博客
11-17 997
<template> <div> <!-- 默认图片：如果加载的图片资源存在 --> <img src="../../assets/images/desktop/主题图.png" width="100%" height="100%" v-show="isImgLoadError"> <!-- 加载的图片资源 --> <img :src="baseUrl+ systemImg" @error="isImgLoadError =
../../src/js/banner.js
08-18
根据提供的引用内容，看起来你遇到了一个关于图片路径的错误。错误信息是"error in ./src/assets/images/logo.png"。为了解决这个问题，你可以尝试先卸载再重新安装image-webpack-loader这个模块。你可以使用命令"npm uninstall image-webpack-loader"来卸载它，然后再使用"cnpm install image-webpack-loader --save-dev"来重新安装它。这样应该能解决你遇到的图片路径错误。请确保你已经按照这些步骤操作了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [error in ./src/assets/images/logo.png报错](https://blog.csdn.net/qingmuzhang/article/details/121116663)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [javascript图片炫酷的边框修饰插件.rar](https://download.csdn.net/download/weixin_39841365/11302401)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值