a***@163.com
a***@163.com
  • 发布:2024-10-10 19:08
  • 更新:2024-10-10 19:08
  • 阅读:85

【报Bug】APP打包、真机运行vue3 renderjs无法import png图片

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 4.29

手机系统: Android

手机系统版本号: Android 10

手机厂商: 模拟器

手机机型: BlueStacks5

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

涉及的代码:

<script module="arcgis" lang="renderjs">  
import FeatureLayer from "@arcgis/core/layers/FeatureLayer";  
import stickPic from "../../static/img/map/stick.png";  //这里报错  

    var stickLayer=new FeatureLayer({  
                renderer:{  
                    type:"simple",  
                    symbol:{  
                        type: "picture-marker",  
                        url:stickPic,  
                        width:"13.2px",  
                        height:"20px"  
                    }  
                },  
            });

操作步骤:

运行到手机或模拟器、APP云打包,在代码编译的环节(还未到APP运行或者提交打包),HBuilder报错;
但是开发过程中Chrome浏览器预览没有问题

预期结果:

能够通过编译,和开发过程中运行到Chrome浏览器的表现一致

实际结果:

无法通过编译,HBuilder报错
18:44:13.177 X [ERROR] No loader is configured for ".png" files: E:/工作/昆山基础设施平台/6/道路巡检养护/道路巡检养护/static/img/map/stick.png
18:44:13.188 <stdin>:12:25:
18:44:13.194 12 │ import stickPic from "../../static/img/map/stick.png";
18:44:13.205 ╵

bug描述:

uniapp在APP打包、真机运行前的编译环节中,hbuilder报错,vue3版本的renderjs中的代码无法import png图片。但是开发环境运行到Chrome浏览器中没有这种问题,能够正常运行并显示图片。
报错内容:
18:44:13.177 X [ERROR] No loader is configured for ".png" files: E:/工作/昆山基础设施平台/6/道路巡检养护/道路巡检养护/static/img/map/stick.png
18:44:13.188 <stdin>:12:25:
18:44:13.194 12 │ import stickPic from "../../static/img/map/stick.png";
18:44:13.205 ╵ ~~~~~~~~

2024-10-10 19:08 负责人:无 分享
已邀请:

要回复问题请先登录注册