图片显示报错Module not found: Error: Can‘t resolve ‘ ./src/ assets/head_logo.png‘ in

最新推荐文章于 2024-02-29 16:18:58 发布
最新推荐文章于 2024-02-29 16:18:58 发布
阅读量4.7k 收藏 2
点赞数 4
分类专栏： 考虑的问题与坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huanxianxianshi/article/details/106046279
版权

报错信息：
在这里插入图片描述
解决方法：
把图片地址 ./src/assets/head_logo.png换成 @ /assets/head_logo.png

huanxiangcoco
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题
10-14
主要介绍了解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题,需要的朋友可以参考下
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有...
vue：Module not found: Error: Can‘t resolve ‘./src/assets/home_top_bg.png‘ in ‘C:\...src\components‘
yyyyyyyyyyy_9的博客
08-02 2230
这个错误表明在Top.vue组件中引用的图片路径./src/assets/home_top_bg.png无法找到。确认图片文件是否存在：检查src/assets目录下是否存在名为home_top_bg.png的图片文件。确认图片路径是否正确：检查Top.vue组件中图片引用的路径是否正确。确保路径与图片实际位置相符。确认图片名称是否正确：如果图片文件名为home_top_bg.png，确保在代码中引用图片时大小写和拼写是一致的。重新运行项目：如果你对以上问题进行了修复，请重新运行项目并确保错误是否消失。
vue项目引入背景图报Module not found: Error: Can't resolve './src/assets/theme/logo_blue.png' in'xxx'错误
virus578的博客
07-15 2万+
之前使用都是没有问题啊,为什么有问题呢?去查资料 很快找到了解决办法 background: url('./src/assets/theme/logo_blue.png') no-repeat center center; 改为 background: url('~@/assets/theme/logo_blue.png') no-repeat center center; 那...
Module not found: Error: Can‘t resolve ‘@/assets/1.png‘ in ‘E:\code\2.0\myapp\src\components‘
qwervuhh的博客
12-22 2320
出现这个报错大多是路径的问题 方法一： 将以下代码 background-image: url('@/assets/images/login.png'); 改为 background-image: url('~@/assets/images/login.png'); 方法2： 如果方法一没有解决问题那就试试方法2 将地址改成绝对地址，去掉@ ...
找不到模块“@/assets/各个样式.png”或其相应的类型声明
最新发布
John__95的博客
02-29 1001
使用vue3+ts写项目引入.png文件报找不到模块“@/assets/各个样式.png”或其相应的类型声明
WebPack精准踩坑：can't resolve './src'
qq_35717643的博客
05-10 1万+
一、这是一个entry入口错误，意思是路径没找到所以无法解析 二、但是我们在写entry：“”时后面的路径确实是存在的，但是却报了没找到./src，我们根本没用使用这个目录，这是为什么呢。版本更新，你懂得！ 三、去stackoverflow找了一下相关问题，有一段描述如下 As of webpack ^4.29.6 you don't need any configuration file so instead of giving path in package.json we need to wri
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
然而，在安装和使用antd的过程中，有时会遇到“Can't resolve './locale'”的错误，这个问题通常是由于与moment.js库的版本冲突所导致的。在本文中，我们将深入探讨这个问题的原因，并提供一种有效的解决方案。 ...
Android添加glide库报错Error: Failed to resolve: com.android.support:support-annotations:26.0.2的解决
01-04
Glide是 Google推荐的图片加载库,它可以支持来自url,Android资源,文件,Uri中的图片加载,同时还支持gif图片的加载,以及各种图片显示前的bitmap处理(例如:圆角图片,圆形图片,高斯模糊,旋转,灰度等等),缓存处理,请求...
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
热门推荐
qq_59389108的博客
01-07 5万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
上线项目图片加载失败
myNameGL的博客
07-05 136
上了线用的好好的项目，突然有人跟你说图片加载出不来你说你猛不蒙圈，然后你猜 用的好好地肯定不是代码的问题，也不会是前端大哥写的有问题，那就有可能是那个神奇而又倒霉的配置文件的问题，那肯定也不是项目代码里的配置有问题，要是项目本身配置有问题估计不用上线，线下测试都起不来，那就有可能是关于部署的时候的配置文件了，你们的我不知道，方正我遇到的是宝塔部署服务器找人问了一下说是配置文件里缺了一句话。我是小白，所以不知道你们的文件路径是不是跟我一样，反正你就找nginx文件应该是没问题的。
《Webpack 报错》Module not found: Error: Can‘t resolve ‘./@/assets/image/folder.png‘
前端技术
02-16 4777
打包时编译 png 图片错误，检查 webpack.config.js 文件发现缺少 module.rules 配置： { test: /\.(png|jpg|gif|svg)$/, loader: "url-loader", options: { limit:1024000, name: "[name].[ext]?[hash]" } }
解决can‘t resolve ‘@xxxx‘ 报错问题
weixin_53027472的博客
10-11 3716
解决Vue项目中解决can't resolve '@xxxx' 报错问题
前端报错 : Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘
weixin_64778225的博客
09-06 4万+
模块未找到:错误:无法解决../src/comporents/MyHeader' 在 'C:\Users\15718\Desktop\eight\src'错误原因是组件引入 App.vue/其他组件 时出错了,仔细检查引入的!我的就是components拼写错了,查了二十分钟才发现,唉.
vue项目中添加背景图片报错Module not found: Error: Can't resolve './@/assets/images/login.png'
dongwang的博客
05-10 1万+
将以下代码 background-image: url('@/assets/images/login.png'); 改为 background-image: url('~@/assets/images/login.png');
报错：Module not found: Error: Can’t resolve ‘./src’ in XXX
Dutuy的博客
10-20 1682
报错：Module not found: Error: Can’t resolve ‘./src’ in XXX@TOC 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全
vue打包常见bug-vuebug系列（一）
weixin_63587281的博客
11-20 3703
vue导出常见bug ERROR in main Module not found: Error: Can't resolve './src' in webpack : 无法加载文件 C:\Users\86180\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。
Module not found: Error: Can't resolve '../assets/movieback.png' in 'D:\KSH\fwork\src'
08-27
根据提供的引用内容来看，你遇到了一个错误：“Module not found: Error: Can't resolve '../assets/movieback.png' in 'D:\KSH\fwork\src'”。这个错误通常表示在你的代码中找不到指定的模块或文件。根据引用和引用来看，这个错误可能是由于在你的代码中使用了一个路径为'../assets/movieback.png'的模块或文件，但实际上该路径下没有找到相应的文件。这可能是由于你指定的路径不正确或者文件确实不存在。 为了解决这个错误，你可以采取以下几个步骤： 1. 首先，确认路径是否正确。检查你的代码中使用该路径的地方，并确保路径与实际文件的位置相匹配。你可以尝试使用绝对路径或相对路径来指定文件的位置。 2. 确保该文件或模块确实存在于你的项目中。检查你的项目文件结构，确认是否存在名为'movieback.png'的文件，并且该文件位于正确的位置。 3. 如果确认文件存在且路径正确，那么可能是你的项目配置文件有问题。根据引用中提供的信息，你可以检查你的webpack配置文件（通常是webpack.config.js）是否包含了正确的module.rules配置。确保你添加了类似下面的配置来处理png图片： ```javascript { test: /\.(png|jpg|gif|svg)$/, loader: "url-loader", options: { limit: 1024000, name: "[name].[ext]?<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Module not found: Error: Can‘t resolve ‘../views/AboutView.vue‘ in ‘C:\Users\24210\Desktop\hout](https://blog.csdn.net/shsh546/article/details/125003193)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Module not found: Error: Can‘t resolve ‘./@/assets/image/folder.png](https://blog.csdn.net/sinat_31213021/article/details/122956308)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值