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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

1 个回复

1***@qq.com

如何解决的呢？

要回复问题请先登录或注册

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

操作步骤：

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

预期结果：

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

bug描述：

1 个回复

公告

相关问题

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

操作步骤： 运行到手机或模拟器、APP云打包，在代码编译的环节（还未到APP运行或者提交打包）,HBuilder报错； 但是开发过程中Chrome浏览器预览没有问题

预期结果： 能够通过编译，和开发过程中运行到Chrome浏览器的表现一致

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

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

预期结果：

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