vue打包后华为手机自带浏览器访问空白

解决Vue与jQuery兼容性问题

最新推荐文章于 2024-10-22 16:14:28 发布

原创最新推荐文章于 2024-10-22 16:14:28 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

PHP 专栏收录该内容

7 篇文章

订阅专栏

本文探讨了在使用Vue框架时遇到的与jQuery库不兼容的问题，具体表现为华为浏览器访问网站显示为空白页。文章提供了两个解决方案：一是确保jQuery引入的是原生库而非Vue自带版本；二是避免使用不支持的组件如vue-viewload。

首先肯定是有哪块代码报错了，我们的项目查找出以下二个原因

1、jquery要引入原生的js，不要用vue自带的jquery库

2、不支持vue-viewload组件

貌似就是vue的某些组件和库不支持，才导致的华为浏览器访问网站空白

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xjy_phper

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【Vue3】手机访问vue项目 || 手机无法访问vue项目 || 手机无法访问vue项目解决方法

此人太懒，没有任何简介

03-03

4510

【Vue3】手机访问vue项目 || 手机无法访问vue项目 || 手机无法访问vue项目解决方法

关于正确vue制作网站一系列步骤

Futuremmm的博客

12-22

1469

首页关于我们联系我们

2 条评论您还未登录，请先登录后发表或查看评论

vue项目，在手机上预览一直空白

manda Liu的博客

06-10

1565

因为是用vue开发的移动端项目，需要在手机预览页面效果，于是将项目中config/index中的host配置成本机ip，在电脑上运行预览完全没问题，但是在手机怎么都打不开，脑壳超级疼，后来终于找到了解决办法 config/inidex文件中配置前： host: 'host', // can be overwritten by process.env.HOST 配置后： host: '10.1.3.27', // can be overwritten by process.env.HOST 解决办法打开

vue项目踩坑之安卓4,5，ios9页面空白

kayla_wang的博客

05-18

9437

最近在用vue做项目，项目在安卓4,5，ios9页面显示空白，问题解决跟大家分享一下安卓4,5，ios9页面空白原因：低版本不支持es6，需要将es6编译成es5具体解决方法1.npm install --save-dev babel-preset-es2015（安装ES2015转码规则）2.npm install --save-dev babel-polyfill3.mian.js 中引用 im...

vue项目打包后页面出现空白

热门推荐

qq_24882601的博客

05-23

1万+

相信很多刚刚接触vue的伙伴会遇到这样的问题，就是说vue项目在开发环境下一切正常，但是打包之后，打开index.html页面却是一片空白，打开控制台发现这样的错误出现这种情况要分两个处理方式（vue-cli2和vue-cli3），先说vue-cli2；首先找到config/index.js文件，将assetPublicPath的路径改为“./”即可， vue-cli3...

2023前端面试

FrontEndEngineer的博客

02-08

1721

obj对象想要获取name或者say，首先判断自己的属性当中有没有，如果没有找到，那么就在__proto__属性中去找，而这个时候__proto__与Person的prototype是相等的，也就是__proto__指向Person，那么便可以找到name和say。为了处理异步，当触发事件的时候，会通过dispatch来访问action中的方法，actions中的commit会触发mutation中的方法从而修改state里的值，通过getter把数据更新到视图中。这些都是计算属性无法做到的。

面试相关精选

qq_36080901的博客

10-22

1084

DTD（ Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）。定义：一个行内元素只占据它对应标签的边框所包含的空间。

VUE360浏览器访问空白的问题

yangwenjie12的博客

04-26

3108

VUE项目在本地npm run dev 后用360浏览器访问127.0.0.1:8080 可以正常访问。火狐谷歌浏览器都是没问题的。然后通过npm run build 将构建的dist 放到Linux服务器的nginx下，用360浏览器不正常，一片空白。用火狐谷歌浏览器都是没问题的。问题原因：有个知识点应该都知道——VUE不支持ie7和ie8。验证方法是用360的极速模式可以正常访问线上的...

手机访问电脑打开的vue项目

v_111的博客

04-14

4853

1，将手机连接到与电脑相同的WIFI2，更改vue项目config文件夹下的index.js的host地址。默认为“localhost”，更改为自己电脑的ip地址。3,npm run dev 运行项目，复制路径生成二维码。手机扫一扫即可。...

Vue3 打包部署后空白且没有报错信息

qq_40266212的博客

04-20

1534

Vue3 打包部署后空白没有报错信息记录一下是router的问题，在router下的index.ts中使用createWebHashHistory const router = createRouter({ history: createWebHashHistory(process.env.BASE_URL), routes })

安卓访问钉钉H5项目显示内容空白，但有标题

qq_45333148的博客

08-08

2015

注意：当前在框架+，本地运行的项目在微信、其他浏览器上运行都是正常显示，甚至是苹果在钉钉上访问都没问题，就唯独安卓在钉钉上访问，有标题，但页面内容为空…(先贴上大致的项目目录结构。

vue 钉钉微应用的正确打开方式

顾老师叫我写博客的博客

07-23

1万+

使用vue开发钉钉微应用，下载钉钉开放平台官网提供的demo(vue-fed-oapage+nodejs-server-todo),地址：https://github.com/open-dingtalk/which-language-demo，会出现不能发送网络请求、页面空白等问题。需要解决项目中存在的问题才能成功运行。以下是修改的内容： vue-fed-oapage 第一步：设置服务端地...

vue 打包后白屏的问题

dengye7077的博客

01-24

325

主要表现的点在于：放在根目录显示白屏，或者根目录有显示放在文件夹里面白屏解决办法: 修改config/index.js build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path...

详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

m0_56937935的博客

10-28

3130

详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

新版vue-cli，部分手机浏览器访问白屏

我叫陈小皮。

08-02

6209

改变 config/index.js 的devtool 无法兼容的浏览器有：qq浏览器、UC浏览器、华为默认浏览器、钉钉应用内部浏览器

华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题

weixin_39624094的博客

12-18

1226

使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白;网上的方法是把把es6 转为 es5, 当时我使用的 vue-cli , webpack 内置babel，会自动转码, 排查这种可能性;根据理解可能是这些浏览器的内核版本比较低,所以在ie8,ie9进行调试, 发现报错;错误指向的是自定义的过滤器的方法,该js文件放在static 目下,并未...

vue在电脑运行成功，手机运行显示空白的原因

qq_49416650的博客

03-11

2356

vue3，项目在手机浏览器运行空白，删除router多余路由

Vue-android7.0手机下加载白屏

ccx

09-14

859

问题记录一下. vue在7.0的android手机上, 出现白屏, js加载失败. 排除publishPath 检查路由问题. 设置路由的时候, 不能使用"..."展开数组打开页面白屏, this.list = {...this.list} 换成this.$forceUpdate()

hbuilder app 浏览器运行正常，打包后手机打开全是空白