uni-app vue3 vite cli项目调试ios静态资源丢失

uni-app vue3 vite cli项目调试ios静态资源丢失

示例代码：

|-- assets 静态文件  
|-- src  
|-- pages

操作步骤：

如上

预期结果：

如上

实际结果：

如上

bug描述：

pages下配置的tab图片，打包时这些图片没有一起打包进去

信息类别 信息内容
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 11
HBuilderX类型 正式
HBuilderX版本号 4.51
手机系统 iOS
手机系统版本号 iOS 18
手机厂商 苹果
手机机型 iphone12
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app vue3 vite cli项目调试ios静态资源丢失的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

要不试试放static下会不会丢失

更多关于uni-app vue3 vite cli项目调试ios静态资源丢失的实战教程也可以访问 https://www.itying.com/category-93-b0.html


关于uni-app vue3 vite cli项目在iOS调试时静态资源丢失的问题，以下是可能的原因和解决方案：

  1. 静态资源路径问题：
  • 确保在pages.json中配置tab图片时使用正确的相对路径
  • 建议将图片放在static目录而非assets目录，因为static目录下的文件会直接拷贝到dist目录
  1. 打包配置问题：
  • 检查vite.config.js中是否有正确的资源处理配置
  • 确保添加了正确的静态资源处理插件
  1. 常见解决方案：
// 在vite.config.js中添加如下配置
export default defineConfig({
  plugins: [
    uni(),
    // 添加资源处理
  ],
  build: {
    assetsInlineLimit: 4096 // 调整资源内联阈值
  }
})
回到顶部