Android webview 加载Vue elementUi 单页应用问题

本文主要是介绍Android webview 加载Vue elementUi 单页应用问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

问题描述:在webview 加载的Url 报错如下,而在chrome 浏览器则是正常的。

2019-11-05 09:16:44.323 29602-29602/com.ryx.jinjian.demo I/chromium: [INFO:CONSOLE(1)] "Uncaught ReferenceError: Notification is not defined", source: http://119.254.80.46:8086/ruilife/static/js/app.23f90db6a6753675feb1.js?089ebebcbb74814e9f37 (1)
2019-11-05 09:16:50.447 29602-29635/com.ryx.jinjian.demo I/yx.jinjian.dem: ProcessProfilingInfo new_methods=10 is saved saved_to_disk=1 resolve_classes_delay=8000

问题解决:

打开app.23f90db6a6753675feb1.js 定位问题如下:

发现红框中的参数未定义导致,那这个是什么参数呢,由于这个是经过webpack压缩过的代码,经过初步的分析,这个是elementUi一个组件使用过程中未定义导致(因为我使用的组件的是按需引用)代码使用的位置如下:

添加组件声明后webview 加载正常。

通过这个现象  可以发现我们的chrome浏览器自身有较高的容错能力,而我们的webview  集成的内部浏览器容错能力则没那么强。

这篇关于Android webview 加载Vue elementUi 单页应用问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/973313

相关文章

Spark的应用场景有哪些?

Spark 是一种与 Hadoop 相似的开源集群计算环境,是专为大规模数据处理而设计的快速通用的计算引擎,现已形成一个高速发展应用广泛的生态系统,主要应用场景如下:   1. Spark是基于内存的迭代计算框架,适用于需要多次操作特定数据集的应用场合。需要反复操作的次数越多,所需读取的数据量越大,受益越大,数据量小但是计算密集度较大的场合,受益就相对较小;   2. 由于RDD的特性,Spa

具有加载时编织的非公共方法的Spring事务

具有加载时编织的非公共方法的Spring事务 在本教程中,我们将学习在任何spring应用程序中对非公共方法应用事务(通过deault spring AOP只能建议在IoC容器中声明的bean的公共方法)。使用此技术,您可以管理非公共方法的事务,或者将任何方法管理到在Spring IoC容器外部创建的对象(即不由IoC容器管理)。 使用AnnotationTransactionAspect管理

Spring Boot - 使用类类型信息获取所有已加载的bean

Spring启动会在内部加载大量bean,以最少的配置运行您的应用程序。在这个例子中,我们将学习如何找出所有那些Spring boot加载的bean及其类类型信息。 使用ApplicationContext获取所有已加载的bean 要自动执行方法,当应用程序完全加载时,我正在使用CommandLineRunner接口。CommandLineRunner用于指示bean 在Spring应用程序中

Apache Shiro对web应用的支持-08

Apache Shiro for Web Applications 虽然Apache Shiro旨在用于保护任何基于JVM的应用程序,但它最常用于保护Web应用程序。它极大地简化了基于简单URL模式匹配和过滤器链定义来保护Web应用程序的方式。除了Shiro的API之外,Shiro的Web支持还包括一个丰富的JSP标记库来控制页面输出。 特征 简单的ShiroFilter web.xml定

ARM数据处理指令中的立即数问题

CPU的手册上,数据处理指令格式如上: 立即数是Operand2部分,占据了机器码的低12位。其中最低8位称为immed_8,高4位称为rotate_imm。 立即数的数值计算方法:=immed_8 循环右移 (2 * rotate_imm)。 就是说,一个立即数0x56000000,循环左移,如果可以得到一个用8位位图表示的数,则该立即数0x56000000是

关于HTML的多媒体标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的框架标签及内嵌框架

框架标签的代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Desc

关于HTML的表格标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的清单标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio

关于HTML的图片标签

代码示例如下: <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Descriptio