首页 > 其他分享 >vue打包后webview加载本地html显示空白页的解决历程

vue打包后webview加载本地html显示空白页的解决历程

时间:2023-09-18 12:33:43浏览次数:35  
标签:vue ERR onReceivedError js html FILE FOUND net 空白页


vue打包后放进android asserts中webview死活加载不出本地html,一直显示空白,Android Studio Logcat也没个啥提示,用浏览器打开却是正常,单独建了html文件放进去也能显示,上火,只好重载webview的事件来获取报错内容:

webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
                Log.e("err", "onReceivedError:" + error.getDescription() + " url:" + request.getUrl());

            }
        });

这一看就发现原来js和css都报net ERR_FILE_NOT_FOUND文件不存在

onReceivedError:net::ERR_FILE_NOT_FOUND url:file:///static/css/app.a39e449b28313b253b18b93dd099131e.css

onReceivedError:net::ERR_FILE_NOT_FOUND url:file:///static/js/manifest.2ae2e69a05c33dfc65f8.js

onReceivedError:net::ERR_FILE_NOT_FOUND url:file:///static/js/vendor.2fe48017d912f1794bfc.js

onReceivedError:net::ERR_FILE_NOT_FOUND url:file:///static/js/app.fd070a9baf6718ceb415.js

难道真的文件不存在?点开一看都在,这就奇怪了,突然想起之前的项目改过vue项目配置运行正常,赶紧回头找到然后按原来的方式改过,OK,可以了。。。

vue打包后webview加载本地html显示空白页的解决历程_VUE WEB APP


标签:vue,ERR,onReceivedError,js,html,FILE,FOUND,net,空白页
From: https://blog.51cto.com/u_15487030/7509023

相关文章

  • html前端页面多规格商品sku选择
    <style>body{background-color:palegoldenrod;position:relative;}footer{border:1pxsolidred;height:50px;position:fixed;bottom:0;left:0;width:100%;}.btn{padding:015px;height:35px;line-hei......
  • 从零开始使用vue2+element搭建后台管理系统(动态表单实现(含富文本框))[待完善]
    在后台项目的实际开发过程中,涉及到表单的部分通常会使用动态渲染的方案进行实现,由后端接口返回表单配置,前端进行遍历渲染。考虑到通用后台需要具备的功能,除了基础的表单项如输入、下拉、多选、开关、时间、日期等,还需要具备上传、富文本框等功能。首先导入一个百度来的富文本框插......
  • vue项目用electron打包成exe,并更新exe版本
    用electron-build打包1、下载electron、electron-buildernpminstallelectronelectron-builder-D2、配置package.json文件"start":"electron.","app:build":"electron-builder" "build":{"appId":&q......
  • vue+openlayers 绘制点
    绘制点使用point在绘制点的位置,使用Circle绘制点的样式疑问:将style放在Feature上就绘制不出来样式? <template><divclass="setting"><divclass="title">设置</div><ul><li><p>边框大小:&......
  • html5 的 webScoket 和 C# 建立Socket连接
    html5的webScoket和C#建立Socket连接最近使用的web项目中,需要服务器直接触发前端显示效果。所以研究了一下websocket:名词解释:WebSocketWebSocket协议是一种双向通信协议,它建立在TCP之上,同http一样通过TCP来传输数据,但是它和http最大的不同有两点:1.WebSocket是一种双向......
  • vue3项目rem自适应大小如何实现
    ❝rem自适应方案只是页面自适应的解决方案之一,本文主要讲解一下实现过程!本文演示的是Vue3语法!❞rem自适应随着现在互联网设备的日益更新,各大尺寸的屏幕参差不穷导致我们的布局在某些小屏或者大屏上与UI的表现并不一致所以,很多人寻求各种解决方案,我们现在的很多移动端框架都是支持......
  • uniapp中使用vue-i18n实现多语言
    一安装vue-i18nnpmivue-i18n@6二添加相关语言配置 如en.json:{"locale.auto":"System","locale.en":"English","locale.zh-hans":"简体中文","locale.zh-hant":"繁体中文","......
  • Vue js 框下制作登录页面的新方法
    ......
  • 19 HTML总结
    ......
  • Vue mavon-editor 本地加载 – 关闭 CDN
    ​ 转载自Vuemavon-editor本地加载–关闭CDN-前端教程。仅自用。时间2022-03-3121:07:09前言在Vue里面使用Markdown编辑器的选择并不多。mavon-editor大概是GitHub上星星最多的VueMarkdown编辑器了,用起来也比较方便。但是由于mavon-editor默认使用Clo......