require引入图片报错net::ERR_FILE_NOT_FOUND

最新推荐文章于 2024-04-23 13:38:45 发布
最新推荐文章于 2024-04-23 13:38:45 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： 错误解决 文章标签： webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45102270/article/details/113099408
版权

今晚用webpack配置图片加载，配置成功了但图片却没有显示出来

终端提示 引入资源路径有误
在这里插入图片描述
回到代码仔细检查了也没有错


在网上查阅了资料，才发现了 原因：

用require导入图片，require接收的数据是module.exports，而在es6中的环境默认是export default。require是commonJS的模块导入方式，不支持模块的默认导出。因此导入的结果其实是一个含default属性的对象

解决：require()后添加default属性

在这里插入图片描述

Acpo
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NodeJS_GoogleDrive:与GoogleDrive集成的NodeJS
05-10
console.log('No files found.'); } } ); ``` 4. **搜索文件**：在请求参数中添加`q`字段来指定搜索查询。 ```javascript const query = "name contains 'example'"; drive.files.list( {q: query, fields: '...
vanilla_http_server:基本服务器，哇，这样的服务器，太基本了
06-07
res.end('File not found'); } else { res.writeHead(200, {'Content-Type': 'text/html'}); res.end(data); } }); }); ``` ### 6. 路由与动态处理 随着应用复杂度增加，vanilla_http_server可以扩展为处理...
net::ERR_FILE_NOT_FOUND 报错
m0_46481563的博客
03-19 2万+
在引入文件时浏览器出现 net::ERR_FILE_NOT_FOUND 报错 问题：HTML文件与其他文件不在同一个文件夹内 解决 方法一：将绝对路径改成相对路径 方法二：采用 …/ 的形式表示上一级文件夹。 例如： 我的文件在不同包内 在HelloWorld.html中引入js文件夹里面的文件 <script src="../js/jquery-3.6.0.js"></script> ...
解决无法访问您的文件该文件可能已被移至别处、修改或删除。 ERR_FILE_NOT_FOUND的方法
最新发布
2301_79779756的博客
04-23 2268
解决无法访问您的文件该文件可能已被移至别处、修改或删除。ERR_FILE_NOT_FOUND的方法。
html+css排雷：net::ERR_FILE_NOT_FOUND
tuzi007a的博客
03-14 6480
css设置背景图片时，明明图片url没错，但是报错：net::ERR_FILE_NOT_FOUND 解决方法1： 绝对定位法 首先，把这个css文件重新保存一下，保存步骤：文件–另存为–下方编码改为UTF-8，然后点保存。（为了避免因汉字命名乱码而找不到对应图片） 然后，把css文件里的背景图片url填写绝对定位。 解决方法2： 这个错误是这样显示的： 而照片的全路径是：F:\html+css...
解决浏览器 require is not defined 的报错问题
徐亦快的踩坑记录
10-10 3万+
那就让打包出来的代码别有require，换句话说，webpack应该打包出一个适用于ES6环境下的代码。在node环境中引入了一些包，用webpack打包后放在浏览器环境中，浏览器报错。是浏览器环境下的ESModule。ESModule不认识require。是node环境下的CommonJs，而require是node的一个私有的全局方法。
net::ERR_CONNECTION_REFUSED 解决大全
热门推荐
reality_fei的专栏
03-17 9万+
sockjs-node/info报错 GET http://localhost/sockjs-node/info?t=1641268443660 net::ERR_CONNECTION_REFUSED sockjs-node作用    SockJS is a JavaScript library (for browsers) that provides a WebSocket-like object. SockJS gives you a coherent, cross-browser, Jav
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
11-20
npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决办法： 进入：build文件夹 > 打开 webpack.prod.conf.js 找到：output 对象 添加：publicPath：‘./’ 具体写法： publicPath: process.env.NODE_ENV =...
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，推断是eslint版本不兼容。 报错提示： peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 ...
MongoFile:mongodb的文件
05-22
file) return console.log('File not found!'); const readStream = gfs.createReadStream(file); readStream.pipe(fs.createWriteStream('downloadedFile.txt')); }); ``` 在这些代码示例中，我们创建了一个...
net::err_file_not_found
farmwang的专栏
10-13 3332
android 开发 碰到这种错误 是 文件链接 名称 写错啦 即 没有这个 文件   系统找不到 所以报错
net::ERR_FILE_NOT_FOUND报错
weixin_46669795的博客
03-02 7834
net::ERR_FILE_NOT_FOUND这种错误有可能是因为引入资源的路径出错提示 所以就要看看是那个文件无法引入，比如后台报错file://translate.google.com/……………… 这种就是设置有误 比如html文件设置的语言属性是lang=“en”，如果报错的话将其改为lang="zh-cn"即可 ...
后台报错net::err_file_not_found
wj770499571的博客
06-05 1万+
net::err_file_not_found这种错误有可能是因为引入资源的路径出错提示 所以就要看看是那个文件无法引入，比如后台报错file://translate.google.com/……………… 这种就是设置有误 比如html文件设置的语言属性是lang=“en”，如果报错的话将其改为lang="zh-cn"即可 ...
vue3+vite :src 用require 动态导入图片报错和解决方法
qq_37656005的博客
08-24 1万+
vue3 动态的导入图片 vue3 如果使用的是typescript开发，就会出现require引入图片报错，require is not defined 不能像使用vue2 这样imgUrl: require(’…/assets/test.png’) 导入，是因为typescript不支持require 所以用import导入，下面介绍如何解决： 使用await import(’@/assets/img/22.png’); demo.vue <template> <img :
在引入外部文件时控制台显示net::ERR_FILE_NOT_FOUND
yy74262688的博客
10-29 1234
原因：因为html文件与引入的文件不在一个文件夹中，找不到文件，这时候就要看是不是路径的问题。解决方法：将引入文件的路径的上一级文件夹表示为../，采用相对路径。
Image .save FileNotFoundError: [Errno 2] No such file or directory: '../Dataset/testResults/5.png'
NLOS的博客
12-30 3096
因为是.save,所以原因显然不是没有'../Dataset/testResults/5.png'这个文件。 参考链接：https://www.computationalimaging.cn/2020/01/image-save-filenotfounderror-errno-2-no.html 而是 没有 ../Dataset/testResults/ 这个目录 例如：这个目录还没有创...
运行报错System error: net::ERR_FILE_NOT_FOUND 完美解决方法！
小助手爱编程
04-30 1万+
运行报错 ：System error: net::ERR_FILE_NOT_FOUND 在使用bootstrap 过程中报错如图 问题描述： 报错信息显示没有找到对应文件 原因分析： 检查了一下，文件路径也没有错误，可能是代码的问题，我的代码如下 解决方案： 更改了一下文件的路径 更改后如图 运行后，成功解决 总结： 在Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效。 所以相对路径引用的正确书写也很重要 "./"：代表目前所在的目录
报错Failed to load resource: net::ERR_FILE_NOT_FOUND--浏览器设置跨域
qq_41829867的博客
04-05 3万+
浏览器报错Failed to load resource: net::ERR_FILE_NOT_FOUND代表此应用运行需要做跨域 推荐使用火狐浏览器做跨域，之后也用火狐访问。 在地址栏输入 about:config 点击接受风险并继续： 输入security.fileuri.strict_origin_policy 把true改为false 重启浏览器跨域就做好了，上述问题也就解决了。 如果你是内嵌的浏览器，可以把应用自己做跨域，这个的话好像也是一个类似的security.fileuri.strict
vue获取图片net::ERR_FILE_NOT_FOUND
07-12
'net::ERR_FILE_NOT_FOUND' 错误通常表示在Vue应用中无法找到指定的图片文件。这可能是由于以下原因之一引起的： 1. 图片路径错误：请确保您在Vue组件中正确指定了图片的路径。路径应该是相对于您的Vue项目的根目录...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值