微信小程序报错 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
升级到你说的这个版本,没有这个问题了。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 中私聊我
解决这个需要全部升级到内测版吗?我升级后导致我的wot-design-uni失效了。也没报错。
回复 9***@qq.com: 失效了啥意思,整个应用都启动不了了?
回复 9***@qq.com: 你哪个版本是正常的?升级到什么版本就有问题了
回复 DCloud_UNI_JBB: 最新版3.0.0-4070620250821001正常,升级到内测版3.0.0-alpha-4080120250821001就有问题了,这个评论不能回复图片
回复 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'


