微信小程序报错 uni-app Failed to load local image resource /pages/index/https/img/shadow-grey.png

微信小程序报错 uni-app Failed to load local image resource /pages/index/https/img/shadow-grey.png

开发环境 版本号 项目创建方式
Mac macOS Tahoe Beta 26.0 CLI

操作步骤:

通过

npx degit dcloudio/uni-preset-vue#vite-ts .

创建项目, 之后使用

npx @dcloudio/uvm@latest

升级到最新版本

时候发布到微信小程序 在 dist/build/mp-weixin/common/vendor.js里面,查找 shadow-grey.png

代码如下:

const ec = (function () {  
        if (h(wx.preloadAssets)) {  
            const e = 'https'  
            setTimeout(() => {  
                wx.preloadAssets({ data: [{ type: 'image', src: e + '/img/shadow-grey.png' }] })  
            }, 3e3)  
        }  
        return function (e) {  
            return App(Li(e))  
        }

预期结果:

if (d(wx.preloadAssets)) {  
    const e = 'https://cdn.dcloud.net.cn' //或者其它cdn地址  
    setTimeout(() => {  
        wx.preloadAssets({ data: [{ type: 'image', src: e + '/img/shadow-grey.png' }] })  
    }, 3e3)  
}

实际结果:

if (d(wx.preloadAssets)) {  
    const e = 'https'  
    setTimeout(() => {  
        wx.preloadAssets({ data: [{ type: 'image', src: e + '/img/shadow-grey.png' }] })  
    }, 3e3)  
}

bug描述:

微信开发者工具中报错: Failed to load local image resource /pages/index/https/img/shadow-grey.png the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)

报错的package.json

{
  "name": "uni-preset-vue",
  "version": "0.0.0",
  "scripts": {
    "dev:custom": "uni -p",
    "dev:h5": "uni",
    "dev:h5:ssr": "uni --ssr",
    "dev:mp-alipay": "uni -p mp-alipay",
    "dev:mp-baidu": "uni -p mp-baidu",
    "dev:mp-jd": "uni -p mp-jd",
    "dev:mp-kuaishou": "uni -p mp-kuaishou",
    "dev:mp-lark": "uni -p mp-lark",
    "dev:mp-qq": "uni -p mp-qq",
    "dev:mp-toutiao": "uni -p mp-toutiao",
    "dev:mp-weixin": "uni -p mp-weixin",
    "dev:mp-xhs": "uni -p mp-xhs",
    "dev:quickapp-webview": "uni -p quickapp-webview",
    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
    "build:custom": "uni build -p",
    "build:h5": "uni build",
    "build:h5:ssr": "uni build --ssr",
    "build:mp-alipay": "uni build -p mp-alipay",
    "build:mp-baidu": "uni build -p mp-baidu",
    "build:mp-jd": "uni build -p mp-jd",
    "build:mp-kuaishou": "uni build -p mp-kuaishou",
    "build:mp-lark": "uni build -p mp-lark",
    "build:mp-qq": "uni build -p mp-qq",
    "build:mp-toutiao": "uni build -p mp-toutiao",
    "build:mp-weixin": "uni build -p mp-weixin",
    "build:mp-xhs": "uni build -p mp-xhs",
    "build:quickapp-webview": "uni build -p quickapp-webview",
    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
    "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
    "type-check": "vue-tsc --noEmit"
  },
  "dependencies": {
    "@dcloudio/uni-app": "3.0.0-4070620250821001",
    "@dcloudio/uni-app-harmony": "3.0.0-4070620250821001",
    "@dcloudio/uni-app-plus": "3.0.0-4070620250821001",
    "@dcloudio/uni-components": "3.0.0-4070620250821001",
    "@dcloudio/uni-h5": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-alipay": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-baidu": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-harmony": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-jd": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-kuaishou": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-lark": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-qq": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-toutiao": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-weixin": "3.0.0-4070620250821001",
    "@dcloudio/uni-mp-xhs": "3.0.0-4070620250821001",
    "@dcloudio/uni-quickapp-webview": "3.0.0-4070620250821001",
    "vue": "^3.4.21",
    "vue-i18n": "^9.1.9"
  },
  "devDependencies": {
    "@dcloudio/types": "^3.4.8",
    "@dcloudio/uni-automator": "3.0.0-4070620250821001",
    "@dcloudio/uni-cli-shared": "3.0.0-4070620250821001",
    "@dcloudio/uni-stacktracey": "3.0.0-4070620250821001",
    "@dcloudio/vite-plugin-uni": "3.0.0-4070620250821001",
    "@vue/runtime-core": "^3.4.21",
    "@vue/tsconfig": "^0.1.3",
    "typescript": "^4.9.4",
    "vite": "5.2.8",
    "vue-tsc": "^1.0.24"
  }
}

更多关于微信小程序报错 uni-app Failed to load local image resource /pages/index/https/img/shadow-grey.png的实战教程也可以访问 https://www.itying.com/category-93-b0.html

13 回复

升级到你说的这个版本,没有这个问题了。e对应的是一个字符串。

更多关于微信小程序报错 uni-app Failed to load local image resource /pages/index/https/img/shadow-grey.png的实战教程也可以访问 https://www.itying.com/category-93-b0.html


OK,感谢反馈,有后续问题的话可以在 im 中私聊我

uniapp 的依赖升级到最新的 3.0.0-alpha-4080120250821001 试试还有没有这个问题

解决这个需要全部升级到内测版吗?我升级后导致我的wot-design-uni失效了。也没报错。

回复 9***@qq.com: 失效了啥意思,整个应用都启动不了了?

回复 DCloud_UNI_JBB: 可以正常启动,也不报错,但是wot-design-uni所有的组件例如轮播图、按钮等样式都没了

回复 9***@qq.com: 你哪个版本是正常的?升级到什么版本就有问题了

回复 DCloud_UNI_JBB: 最新版3.0.0-4070620250821001正常,升级到内测版3.0.0-alpha-4080120250821001就有问题了,这个评论不能回复图片

回复 DCloud_UNI_JBB: 怎么给你发图片,我可以发给你两个版本不同的wotui渲染后的dom区别

回复 9***@qq.com: im里面私聊

最后怎么解决的我也遇到了同样的问题

升级到最新的alpha版本

这是一个已知的uni-app编译问题。在微信小程序中,wx.preloadAssets需要完整的URL路径,但编译后生成的代码中const e = 'https'缺少完整的CDN域名。

问题出现在编译过程中,对预加载资源的路径处理不完整。当前临时解决方案是在项目根目录创建vue.config.js文件,添加以下配置:

module.exports = {
  configureWebpack: {
    optimization: {
      minimize: false
    }
  }
}

这样可以禁用代码压缩,避免路径被错误处理。或者手动修改dist/build/mp-weixin/common/vendor.js中的相关代码,将const e = 'https'改为完整的CDN地址:

const e = 'https://cdn.dcloud.net.cn'
回到顶部