开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ie11上的Phoenix Vue polyfill空白屏幕

可能是由于以下原因导致的：

兼容性问题：ie11对于一些新的Web标准和JavaScript语法支持不完善，可能无法正确解析和执行Phoenix Vue polyfill中的代码，导致页面显示为空白。
缺少必要的依赖：Phoenix Vue polyfill可能依赖于一些特定的JavaScript库或框架，如果这些依赖没有正确加载或配置，也会导致页面显示为空白。

解决这个问题的方法可以尝试以下几个步骤：

确认浏览器版本：首先确认使用的是ie11浏览器，并确保浏览器已经更新到最新版本。
检查polyfill配置：查看Phoenix Vue polyfill的配置文件，确保已经正确配置了ie11的兼容性支持，并且相关的polyfill文件已经正确引入。
检查依赖项：检查Phoenix Vue polyfill所依赖的其他库或框架是否已经正确加载，并且版本与polyfill要求的一致。
调试代码：使用浏览器的开发者工具（如F12开发者工具）进行调试，查看是否有报错信息或警告，尝试定位问题所在。
兼容性处理：如果ie11对于某些新特性的支持确实有限，可以考虑使用其他方式实现相同的功能，或者使用其他兼容性更好的polyfill库。

对于Phoenix Vue polyfill空白屏幕的具体问题，建议参考腾讯云的相关文档和资源，以获取更详细的解决方案和推荐的产品：

腾讯云文档：https://cloud.tencent.com/document/product/301
腾讯云开发者社区：https://cloud.tencent.com/developer
腾讯云产品介绍：https://cloud.tencent.com/product

相关搜索:Bootstrap-Vue分页不在屏幕上显示更新的切片数组内容 IE11上的Vue的替代语法 IE11打印屏幕前的空白页 iOS上的PWA在单击共享按钮时导航到空白屏幕 iOS上的React本机摄像头显示空白屏幕 Nexus 6 Android Studio Emulator上出现了一个简单的空白屏幕 Vue js模板标签未渲染(屏幕上显示为空白)Vue和Laravel SPA路由的参数在浏览器刷新时显示空白页面，并且vue未在#app上挂载为什么我的Angular应用程序(仅在移动设备上)会出现空白屏幕？为什么我的pygame会加载到mac的空白屏幕上？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Vue项目兼容IE11

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+，Vue 底层是支持。...下述主要阐述如何使用 vue-cli3 脚手架搭建的工程支持 IE11。现象 IE11 打开 Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。...如： DOM7011: 此页上的代码禁用了反向和正向缓存 HTML1300：进行了导航 app.js 各种语法错误 browserslist 项目中 package.json 文件里的 browserslist....browserslistrc > 1% last 2 versions not ie < 11 Polyfill 默认的 Vue CLI 项目会使用 @vue/babel-preset-app，它通过... css polyfill 由于我们项目中，大量使用了 CSS var() ，IE11

2.8K4 0

Vue项目兼容IE11

下述主要阐述如何使用 vue-cli3 脚手架搭建的工程支持 IE11。现象 IE11 打开 Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。...如： DOM7011: 此页上的代码禁用了反向和正向缓存 HTML1300：进行了导航 app.js 各种语法错误 ?...如果该依赖交付了 ES5 代码并显式地列出了需要的 polyfill: 你可以使用 @vue/babel-preset-app 的 polyfills 选项预包含所需要的 polyfill。...---- 至此，项目终于不是空白页了！！但是，出现了大量排版错误！...css polyfill 由于我们项目中，大量使用了 CSS var() ，IE11 不兼容导致，思路相同，寻找相应的 polyfill 即可。

7K4 1

尤雨溪：Vue 3 将不会支持 IE11

Vue 3 利用了 ES2015 的 Proxy 实现了一个更高性能、更完备的响应式系统，但无法在 IE11 中 polyfill 这一特性。...基于 Proxy 版本的代码无法在 IE11 里运行。这不仅仅给我们带来了技术上的复杂性，同时也给开发者造成了持续的心智负担。...每一个在 IE11 中无法被 polyfill 的新特性都会带来新的行为警告。一旦 Vue 3 承诺支持 IE11，直到下一个大版本发布之前都无法摆脱它了。...通过在 Vue 3 中支持 IE11，本质上库作者也需要做同样的决定。库作者不得不考虑他们的库运行在哪种 Vue 3 版本上(可能还得支持 Vue 2)。...对于那些实在需要 IE11 支持的用户我们也很清楚，对 IE11 的真正需求来源于那些无法升级的用户：金融机构、教育部门和那些依赖 IE11 的屏幕阅读器。

1.3K1 0

Babel配置傻傻看不懂？

Babel本质上是一个编辑器，也就是个“翻译官”的角色，比如树酱听不懂西班牙语，需要别人帮我翻译成为中文，我才晓得。...那么Babel就是帮助浏览器翻译的，让web应用能够运行旧版本的浏览器中，比如IE11浏览器不支持Promise等ES6语法，那这个时候在IE11打开你写的web应用，应用就无法正常运行，这时候就需要Babel...来“翻译”成为IE11能读懂的 1.1 Babel是怎么工作的？...形的结构形式表现出它的语法结构，抽象在于它的语言形态不会体现在原始代码code中下面介绍下在前端项目开发中一些AST的应用场景: Vue模版解析：我们平时写的.vue文件通过vue-template-compiler...答；@babel是在babel7中版本提出来的，就类似于 vue-cli 升级后使用@vue/cli一样的道理，所以babel7以后的版本都是使用 @babel 开头声明作用域， 2.vue相关的babel

1.2K4 3

官宣 Vue3.0 抛弃支持 IE，把精力集中在这个上面

当我们谈论面向公众的网站和应用程序时，IE11呈明显的快速下降趋势。我们相信这是一个重新思考IE11对Vue 3支持的机会。对Vue3 中支持 IE11的成本？...这是主要障碍，因为这意味着Vue 3要支持IE11，它实际上需要发布两个具有不同行为的不同版本-一个使用基于Proxy的反应系统，另一个使用类似于Vue 2的基于ES5-getter / setter的系统...为Vue 3的代理版本编写的相同代码在IE11版本中不起作用。这不仅给我们带来了技术上的复杂性，也给开发人员带来了持续的精神负担。...从理论上讲，这是可行的，但由于需要将这两种实现混合在一起，并且在开发和生产之间存在行为差异的风险，因此造成了极大的复杂性。...每一个不能在 IE11 中被 polyfill 的新特性都会带来新的行为警告。一旦 Vue 3 承诺支持 IE11，就永远没办法摆脱了，直到下一个大版本。

1.6K3 0

Ionic4兼容IE浏览器处理

在一般场合，Ionic4运行在手机端，没必要去兼容IE，但还是可以了解一下，以免有这样的需求。 Ionic4，它更趋向于一个UI框架，然后可配套Angular、React、Vue等框架使用。...以Angular版本为例，兼容IE浏览器，主要是JS+CSS的语法和用法的调整处理。 1. JS，可以使用内置的Polyfill方案。...Angular项目默认提供了Polyfill支持，打开Ionic4项目中的src目录，里面有自动生成的polyfill.ts文件，打开可以看到这样的内容： /**********************...******************************************************* * BROWSER POLYFILLS */ /** IE9, IE10 and IE11...'; import 'core-js/es6/map'; import 'core-js/es6/weak-map'; import 'core-js/es6/set'; /** IE10 and IE11

1.4K2 0

最近遇到的兼容性问题和适配问题

JS： IE： 1、不能添加监听标准事件，添加polyfill initEvent: function initEvent(dom, eventName, callback) { if...display: inline-block表现异常，div设置为inline-block显示为block：　　解决方法： display: inline-block; 　　　　/* IE7及以下的Polyfill...3、IE10、IE11、IE edge中 flex + min-height 导致高度丢失　　解决方法：参考 solved-by-flexbox ：https://github.com/philipwalton...2、IOS9中光标定位问题：　　在Vue2.4版本以下，nextTick实现是以MO和Promise为优先的策略，（MO和Promise都为MicroTask，优先执行）　　当一个input值改变事件如有有...这样就会等到input渲染完毕再执行domtask 　　　　2、升级Vue至最新版本，最新版本中nextTick在WacherDOM的onXXX事件时，优先以MacroTask执行　　　　　 watcher

1.6K9 0

vue项目在安卓低版本机显示空白原因

vue项目在安卓低版本机显示空白原因：可能的原因一：查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。这时候需要安装babel-pollyfill。...npm i babel-polyfill --save npm i es6-promise --save 2.main.js引入 import ‘babel-polyfill‘ import Es6Promise...":"babel-polyfill", 　　 app: ‘..../src/main.js‘ //原本只有这一行 } 这时如果安卓机依然空白打不开，继续查看原因二可能的原因二：查看npm run build打包之后有没有打包报错，有时间一些小功能可能不影响页面展示和使用...发现报错的位置是在router文件夹下的index.js文件中分别是用了es6对象的合并，和模版字符串，这时候只需要去webpack.base.conf.js中 { test: /

2.2K1 0

vue-cli 解决白屏、兼容、压缩及清除console

从该文件夹打开 dist/index.html页面，发现页面空白，且控制台报错。原因是路径配置有问题。...'es6-promise' Es6Promise.polyfill() 重启服务/重新打包页面正常显示，控制台无报错信息。...方案安装插件 npm install compression-webpack-plugin --save-dev 配置 vue.config.js中的configureWebpack // 压缩css...---- 附赠这里附上基于vue-cli3的一些简单配置文件 vue.config.js const path = require('path'); const resolve = dir => path.resolve.../store' // 解决ie白屏问题 import '@babel/polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill

4.6K4 0

【Webpack】315- 手把手教你搭建基于 webpack4 的 vue2 多页应用

起初想着使用 vue-cli3 去创建，因为 vue-cli3 本身带有多页面配置的选项，直接修改 pages 这个选项就可以完成多页面配置，需要的小伙伴可以进行参考，链接：vue-cli3 的 pages...但是因为要兼容安卓 4.4 以下系统（有一些请求库中包含 E6 语法，如：axios，安卓 4.4 以下系统无法识别，所以会导致打开页面是空白的问题），pages 的入口不能配置数组，没办法添加 babel-polyfill...多页面和单页面的区别，主要是在 entry 上，所以我们首先对 entry 进行处理。...写文章没点图怎么行，不上代码了，这次上截图： getentryconfig.js： ?.../store';import 'babel-polyfill';import promise from 'es6-promise';promise.polyfill(); new Vue({ store

1K1 0

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

最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。...突然发现万恶的 IE 还是有点用的… 网上的文章大部分是 Vue-cli 2.x 版本的解决方案，但 Vue-cli 3 跟之前的版本还是有很大差异的，可能是我比较菜，看了 n 篇文章还是不知道怎么配置...经过努力，终于梳理出了基于 Vue-cli 3 的项目如何做兼容性配置的步骤： 1....修改 vue.config.js 用 vue-cli 3 新建项目时，默认是没有这个配置文件的，没有则在项目根目录下新建一个 vue.config.js ，也是跟 package.json 同级。...babel-plugin-transform-remove-console 复制代码以上五步配置完就可以解决 Vue 项目在低版本安卓系统和 IE 浏览器下显示空白的问题了。

2.7K1 0

手把手教你搭建基于 webpack4 的 vue2 多页应用

起初想着使用 vue-cli3 去创建，因为 vue-cli3 本身带有多页面配置的选项，直接修改 pages 这个选项就可以完成多页面配置，需要的小伙伴可以进行参考，链接：vue-cli3 的 pages...但是因为要兼容安卓 4.4 以下系统（有一些请求库中包含 E6 语法，如：axios，安卓 4.4 以下系统无法识别，所以会导致打开页面是空白的问题），pages 的入口不能配置数组，没办法添加 babel-polyfill...多页面和单页面的区别，主要是在 entry 上，所以我们首先对 entry 进行处理。...写文章没点图怎么行，不上代码了，这次上截图： getentryconfig.js： ?.../store'; import 'babel-polyfill'; import promise from 'es6-promise'; promise.polyfill(); new Vue({

1K1 0

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

最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。...突然发现万恶的 IE 还是有点用的… 网上的文章大部分是 Vue-cli 2.x 版本的解决方案，但 Vue-cli 3 跟之前的版本还是有很大差异的，可能是我比较菜，看了 n 篇文章还是不知道怎么配置...经过努力，终于梳理出了基于 Vue-cli 3 的项目如何做兼容性配置的步骤： 1....修改 vue.config.js 用 vue-cli 3 新建项目时，默认是没有这个配置文件的，没有则在项目根目录下新建一个 vue.config.js ，也是跟 package.json 同级。...babel-plugin-transform-remove-console 以上五步配置完就可以解决 Vue 项目在低版本安卓系统和 IE 浏览器下显示空白的问题了。

1.9K3 0

VueJS 开发常见问题集锦

由于公司的前端开始转向 VueJS，最近开始使用这个框架进行开发，遇到一些问题记录下来，以备后用。主要写一些官方手册上没有写，但是实际开发中会遇到的问题，需要一定知识基础。...简单粗暴型　　最简单的方法就是直接在 window 对象上定义一个全局方法，在组件内使用的时候用 bind、call 或 apply 来改变上下文。　　...但是，当我们把代码放到服务器上时，经常会遇到静态资源引用错误，导致界面一片空白的问题。　　...体积没深入研究哈，猜测可能加了 core-js 跟一些基础的 polyfill 使用 ESnext class 特性对比　　默认时，Vue 单文件组件使用一个对象来描述组件内部的实现：　　我们可以通过安装一些依赖来支持最新的...由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。

1.4K4 0

jQuery 4.0震撼发布：这是复兴还是告别？

尽管jQuery的源代码一直在npm和GitHub上与发布版本一起提供，但之前没有使用RequireJS无法直接作为模块导入。...现在，jQuery使用Rollup进行打包，所有测试分别在ES模块上运行。...对于需要支持IE11的情况，建议使用主构建版本或添加原生Promises的polyfill。...随着React、Angular和Vue.js等现代JavaScript框架和库的崛起，一些开发者质疑jQuery在现代web开发中的相关性。...与其他框架的集成：许多现代JavaScript框架和库，如React和Vue.js，可以与jQuery共存，允许开发者在利用其他框架的优势进行应用开发的同时，使用jQuery完成特定任务。

7641 0

vue-cli 是怎么配置babel的？

@vue/app 是 @vue/babel-preset-app的缩写一个默认的 Vue CLI 项目会使用 @vue/babel-preset-app 通过查看node_modules源码，我们在readme...usage 它会根据源代码中出现的语言特性自动检测需要的 polyfill，确保了最终包里 polyfill 数量的最小化意思是仅仅会为我们引入目标浏览器中不支持并且我们在代码中使用到的内容，会剔除没有使用到的...polyfill 内容。...但是并不会处理我们的npm依赖包中的不被浏览器识别的 ES6+ 的语法这就导致了文章开头提到的问题，三方库函数是crypto.js/enc-base64url.js 中ES6语法在报错，直接导致页面白屏幕...最后这是我们一次线上问题排查的过程中，记录的babel 在实际项目中的具体实践，如果想看原理可以看我上一篇文章十问babel，用最简单的话说清楚babel https://juejin.cn/post

1.5K4 0

尤雨溪: Vue3 将不会支持 IE11！VSCode 1.55 稳定版发布，更新了 9 个亮点！

Vue 3 将不会支持 IE11 凌晨时分，尤雨溪突然在知乎上发布了一个消息，宣布了一个提案：Vue3 将不再支持 IE11。...摘要 Vue 3 将不会支持 IE11 原定投入 Vue 3 IE11 支持的精力将投入给 2.7，移植 3.x 兼容的新功能，包括： Composition API script setup 以及其它新的单文件组件特性...RFC 全文（GitHub/英文）：vuejs/rfc https://github.com/vuejs/rfcs/blob/ie11/active-rfcs/0000-vue3-ie11-support.md...讨论地址 (GitHub/英文): Proposal for dropping ie11 support in Vue 3 · Discussion #296 · vuejs/rfcs https:...，以方便地启动非默认 Shell NoteBook 的改进-多个单元格的选择，以及更具可定制性的 diff 编辑器 Raspberry Pi上的 VS Code-新主题，说明如何在 Raspberry

1.2K2 0

十问babel，用最简单的话说清楚babel

@vue/cli-plugin-babel 一般来说，如果是vue-cli 起的项目，就不需要再额外关系babel的配置了。。...那新的API如何处理呢？这就是我们下面要提到的polyfill @babel/polyfill 是什么？...babel 的 polyfill 机制是对于例如 Array.from 等静态方法，直接在 global.Array 上添加；对于例如 includes 等实例方法，直接在 global.Array.prototype...上添加。...我做了一些精简和理解，加上一些自己的理解和其他文章的积累，写成了此篇，希望对屏幕前的你有所帮助。

8732 0

Vue3+TS+Node打造个人博客（总览篇）

但是就我最近招聘面试的一些经历来看，很多 Vue 技术栈的候选人依然还没有使用过 Vue3。关于他们没有选择使用 Vue3 这个事情，我觉得也是可以理解的。一方面，Vue3 直接放弃了 IE11。...虽然 IE 的用户数量在持续下降，但是想让老板们直接放弃 IE11 还是有一些困难。另外就是，做项目这种事情，有时候人们的选择就是能用就行，升级 Vue3 可能并不能给项目带来太多效益。...然后我也是采用了 Mobile First 的理念，优先完成移动端视觉效果，结合 Media Query 去做一些其他屏幕的适配。...部署方式整体上采用了自动化部署的策略。Node 这块是基于PM2去做进程守护和自动化部署。前端则是基于 Github Actions 实现的CI/CD。...我购买的云服务器配置很普通，图片资源放自己服务器上是不现实的，所以我的图片资源是放在七牛云存储。未完待续本文主要是对Tusi博客[1]做了一个总体的介绍，让大家先有个整体的印象。

6003 0

解剖Babel —— 向前端架构师迈出一小步

当聊到Babel的作用，很多人第一反应是：用来实现API polyfill。事实上，Babel作为前端工程化的基石，作用远不止这些。...polyfill 作为前端，最常见的Babel生态的库想必是@babel/polyfill与@babel/preset-env。...使用@babel/polyfill或@babel/preset-env可以实现高级语法的降级实现以及API的polyfill。...Browserslist 比如： "browserslist": [ "not IE 11", "maintained node versions" ] 代表：非IE11的版本以及所有...）： not IE 11 maintained node versions 会将「非IE11」且「所有Node.js基金会维护的node版本」下需要的特性打入最终的包。

8541 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭