Taro微信小程序报错:Failed to load local image resource的解决方案

这篇具有很好参考价值的文章主要介绍了Taro微信小程序报错:Failed to load local image resource的解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

场景

给taro地图组件添加标记的时候需要制定iconPath,然后报如下错误:

useEffect(() => {
    setCurrentMark([
      {
        ...
        iconPath: '../../../assets/bg-location.png',
        ...
      },
    ]);
  }, [currentLocation]);

[渲染层网络层错误] Failed to load local image resource
[渲染层错误] Uncaught Error: Uncaught TypeError: Cannot read property ‘x’ of undefined

找了很久,有说url格式错误的,有说基础库版本太高了的,基本上能找到的方法我都试过了,还是不行。于是只好自己试探着改一下,没想到成功了。

解决方案
import MarkerIcon from '../../../assets/bg-location.png'
...
iconPath: MarkerIcon ,
...

亲测能够解决。更奇葩地是,为了写这篇教程跑去复现error截图时竟然又不出来了,真是奇怪。

希望这个BUG能够在此贴终结吧!哈哈哈哈文章来源地址https://www.toymoban.com/news/detail-502661.html

到了这里,关于Taro微信小程序报错:Failed to load local image resource的解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [渲染层网络层错误] Failed to load local image resource /miniprogram/images/1.jpg无法加载本地图片资源

    最近开始学习编写小程序,跟着教程走到展示图片这一步发现这个错误。按照正常的编程思路和百度大法,大部分说是路径错误和图片不能带有中字。但是按照经验复制相对路径和绝对路径都不行,还是同样的错误。代码如下。 图片的路径绝对没问题,百度有的博客说用wx

    2024年02月11日
    浏览(50)
  • 微信小程序 failed to load font

    微信小程序控制台提示 Failed to load font 如图 应该很少有人用到这个东西吧,这个是使用阿里图标库的图标导致的,是后台没有配置白名单 进入小程序后台 --开发设置–服务器域名–downloadFile合法域名,添加到里面即可

    2024年02月09日
    浏览(42)
  • 微信小程序 [渲染层网络层错误] failed to load font

    微信小程序报错: [渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font...... 原因:我使用了阿里的iconfont字体图标,该url在我的小程序后台未备案 解决方法:登录小程序后台,开发管理--开发设置--服务器域名,在download合法域名中添加你的字体url的域名(我加入的是

    2024年02月11日
    浏览(50)
  • 解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts

    项目使用技术: uniapp + vue3 + vite4.0.3 + node(v16.20.0) \\\"@dcloudio/uni-app\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"@dcloudio/uni-mp-weixin\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"vue\\\": \\\"^3.3.4\\\", \\\"vite\\\": \\\"4.0.3\\\", \\\"engines\\\": {        \\\"node\\\": \\\"=16.20.0\\\",       \\\"pnpm\\\": \\\"=8.0.0\\\" }, 最新测试: 使用 高版本node (v18.15.0), 删除node_module

    2024年02月04日
    浏览(48)
  • 解决微信小程序渲染层网络层错误 Failed to load media

    微信小程序引入网络视频的时候:出现 渲染层网络层错误 Failed to load media 给video组件加入autoplay后错误消失,但是一进入页面就播放不是我想要的效果 添加下面代码: 一进来就自动播放 趁他没反应过来 在Load()中添加如上代码 把他暂停。

    2024年02月11日
    浏览(127)
  • 有效解决微信小程序加载视频[渲染层网络层错误] Failed to load media

    问题1,小程序的视频一般都是放在网络上的,没谁能把视频放本地把,所以在小程序视频插件在加载视频的时候,就会出现如下错误:[渲染层网络层错误] Failed to load media wxml加载视频代码如上图,有人说加上controls就解决了。狗屁 我加了,结果 错误依旧,那么有人说 加载

    2024年02月11日
    浏览(94)
  • uniapp微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误

    在进行微信小程序开发的时候,使用到的video组件,在成功把视频渲染出来之后,控制台会报这样的错 [渲染层网络层错误] Failed to load media https://temp.mp4#devtools_no_referrer net::ERR_FAILED  From server 222.76.205.74(env: Windows,mp,1.06.2301160; lib: 3.2.4)  通过百度之后尝试过两种方式 一:添加

    2024年02月03日
    浏览(98)
  • 微信小程序 [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf

    开发微信小程序的时候,应该是ui组件使用到了这个字体文件,然后下载的时候报错: [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf net::ERR_CACHE_MISS  (env: Windows,mp,1.06.2310071; lib: 3.1.5) 我使用了阿里的iconfont字体图标,该url在我的小程序后台未添加

    2024年02月05日
    浏览(56)
  • 【报错】Not allowed to load local resource:...

    Not allowed to load local resource:... 这是因为浏览器安全性的考虑,不允许写使用绝对路径file:///path的形式,可以用相关工具如: tomcat 、 nginx 、 iis 等工具配置个虚拟映射地址。但出于上线逻辑考虑,上线也要部署上。因此我个人不推荐使用这种方式,我决定在后端解决这个问题

    2024年04月16日
    浏览(47)
  • taro(踩坑) npm run dev:weapp 微信小程序开发者工具预览报错

    控制台报错信息: VM72:9 app.js错误:  Error: module \\\'vendors-node_modules_taro_weapp_prebundle_chunk-JUEIR267_js.js\\\' is not defined, require args is \\\'./vendors-node_modules_taro_weapp_prebundle_chunk-JUEIR267_js.js\\\' 环境: node 版本:v18.16.0 Taro 版本:v3.6.18 vue3 typeScript sass webpack5 解决办法: webpack5 改为 webpack4 set NOD

    2024年02月03日
    浏览(68)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包