vue-cli3项目在IE浏览器打开空白问题

最新推荐文章于 2023-07-07 07:00:00 发布
最新推荐文章于 2023-07-07 07:00:00 发布
阅读量1.3k 收藏 3
点赞数 1
文章标签： vue.js javascript git
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45333985/article/details/121471699
版权

1.造成空白的原因：
浏览器不兼容ES6语法，需要将代码中的ES6语法通过插件的方式进行转换，而且由于babel会忽略node_modules，导致依赖包中的ES6语法无法被转换！

2.废话也不多说，直接说怎么解决，在vue.config.js文件中添加这行代码就可以了，transpileDependencies: [/node_modules/]在这里插入图片描述

阿强在搬砖
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue2+vue-cli3 创建示例项目 在IE11访问显示空白
Ｓｈａｄｏｗ的专栏
09-14 387
vue2+vuecli3新建项目，IE11 打开空白，控制台不报错
解决vue项目在IE浏览器中显示白屏问题（亲测可用）
最新发布
永远热爱前端
12-08 565
vue项目在chrome浏览器上可以正常访问，但是在IE浏览器打开显示空白
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符
Mr.小灰狼_随笔
07-07 2955
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符 背景 ：Vue2 项目在谷歌浏览器运行好好的，在 IE 浏览器打开就会出现各种的问题。。
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue项目在IE浏览器上打开显示空白
阿铭的博客
01-26 563
1、安装依赖 npm install babel-polyfill npm install --save-dev @babel/core @babel/plugin-transform-runtime @babel/preset-env es6-promise @babel/polyfill babel-plugin-transform-remove-console 2、main.js中引用babel-polyfill、es6-promise // 解决低版本兼容性问题 import 'babel-p
vue兼容IE11浏览器空白页等一系列问题之踩坑全过程
deciduous_leaves的博客
03-31 4603
兼容IE对于一个菜鸡前端来说，简直是噩梦般的存在。我先哭为敬！😭😭😭 好了，话不多说，摸索中解决问题之路即将开启，我们准备出发～👊（建议将文章全部看完之后再进行尝试，因为中间有很多尝试没有成功） 重要提醒： 1、改完代码记得清浏览器缓存，再去看结果，尤其是在坚信自己写得没错的时候，不行就把浏览器关了再打开（好几次都是清完缓存没反应，关了重新打开就好了，就很迷） 2、安装依赖时能用npm就别用cnpm，别问我为什么🙄️ 问题产生原因及解决思路：IE浏览器不能显示vue页面，主要原因是IE无法读取es
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
在使用 Vue-cli3 创建的项目中，可能会遇到在安卓低版本系统或 Internet Explorer（IE）浏览器上出现白屏的问题。这通常是由于这些老旧平台不支持 ES6 以上的语法和某些新特性导致的。为了解决这个问题，我们需要...
vue-cli3项目升级到vue-cli4 的方法总结
10-15
主要介绍了vue-cli3项目升级到vue-cli4 的方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli3-template：基于Vue-cli3建造的脚手架项目模板
01-31
项目介绍基于Vue-cli3建造的前端开发脚手架项目模板，主要包括以下内容：Webpack4.x性能调优配置，Vue.js全家桶，移动端vw适应，单元测试等功能，可以参考，欢迎大家围观指教！项目特点特征 巴别塔 VueRouter 威克斯...
详解项目升级到vue-cli3的正确姿势
12-02
在将项目从旧版本的 Vue CLI 升级到 Vue CLI 3 时，需要遵循一定的步骤以确保顺利过渡。以下是升级过程中可能遇到的关键知识点和解决方案： 1. **创建新项目并迁移源码**： - 首先，创建一个新的 Vue CLI 3 项目，...
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的 引入方法： 打开packge.json，在dependencies中加入：”babel-polyfill” : “^6.23.0” 然后重新npm install 在App.vue文件中import：import  “babel-polyfill” 这样IE浏览器就显示正常了。 以上这篇快速解决Vue项目在IE浏览器中显示空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
关于vue项目在IE11上遇到的兼容性问题
qq_43340606的博客
06-07 965
2. Access-Control-Allow-Headers 列表中不存在请求标头 authorization。网上方案: Access-Control-Allow-Headers 的值去掉空格, 需要后端配合处理一下。解决: 在vue.config.js中配置transpileDependencies属性。1. chunk-vendors.js语法错误。分析: sockjs-client包的语法错误。
Vue项目在ie浏览器显示空白解决方法（安装babel-polyfill ）
weixin_44090040的博客
08-27 1032
问题描述： 使用vue-cli脚手架搭建的项目，【npm run dev】运行，在chrome下显示正常，但是在ie下显示空白，无法打开页面。 文章目录问题描述：二、使用步骤1.安装babel-polyfill2.在【main.js】中引入babel-polyfill3.在【webpack.base.conf.js】中找到【entry】，修改配置如下： 二、使用步骤 1.安装babel-polyfill npm install babel-polyfill --save-dev 2.在【main.j
vue项目在ie浏览器中打开空白问题
H-L的博客
10-30 1063
vue项目运行编译，发现在IE浏览器一片空白，解决方法： 1、安装babel-polyfill： npm install babel-polyfill --save-dev 2、在main.js文件中引入：import'babel-polyfill' 3、在webpack.base.config.js中将entry中的app:./src/main.js'改为下面格式 entry:{ app:['babel-polyfill','./src/main.js'] }, 4、重新...
vue项目在IE11中一片空白，报错SCRPT1003，SCRIPT1006
chunchun_H
09-10 737
公司项目用vue写需要兼容IE浏览器，我最近做的两个项目在IE11中都是一片空白，一个是用webpack初始化的，另一个使用vue脚手架初始化的。 1、用webpack初始化的这个项目在IE打开一片空白，且中报错如下图： 一般情况下IE浏览器打开页面空白是js没有加载成功，报错 script1003，根据报错信息定位到是封装的一个组件直接引用了element依赖的ji，而在打包的时候报node_modules的element的js是忽略的，默认下载的是转了ES5后的。 方法1：可以在webpack配置中.
vue项目在IE浏览器显示空白页(es6语法兼容问题)
小蓝鲸的博客
09-14 1189
近期，在vue项目开发中，遇到了IE浏览器的兼容问题，页面显示空白，且控制台出现如下报错信息： 通过控制台输出的报错信息，定位到app.js文件的3797行代码，发现存在ES6语法。 问题来源： 由于IE浏览器不兼容ES6语法，需要使用Babel将其转换为向后兼容的 JavaScript 语法才能正常运行。 问题分析： 查看了package.json文件，发现关于babel编译所需的依赖均已安装完成，为什么app.js 中还会存在es6语法呢？ 于是，打开node_modules文件夹，定位到ansi-
vue项目在IE下出现空白
weixin_39066827的博客
04-25 2964
vue项目中遇到IE浏览器开发是空白页，并未按路由加载组件。 原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法都不会转码。解决这个问题，我们使用 Polyfill（代码填充，也可译作兼...
vue-cli 项目在IE浏览器下无法打开
hello，是翠花呀
09-19 5953
转自 https://blog.csdn.net/ywcsd/article/details/82255650 1.问题 ：ie浏览器打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser; 解决方法： 安装babel-polyfill npm install babel-polyfill --save-dev ...
vue项目兼容IE浏览器
xm2by的博客
08-17 4万+
vue项目兼容IE浏览器 利用vue写出的项目打包后在IE浏览器下显示空白，是因为缺少babel-polyfill的缘故。 解决方法： 1、安装babel-polyfill包； 2、在main.js文件中引入babel-polyfill； 3、在webpack.base.config.js中将entry中的app: './src/main.js'配置改为：app: ['babel...
vue-cli3项目搭建与优化全攻略
在本文中，我们将深入探讨如何使用vue-cli3从零开始搭建一个Vue.js项目，并逐步对其进行优化。Vue CLI 3 是 Vue.js 官方提供的一个命令行工具，它极大地简化了 Vue 项目的初始化和构建流程。以下是详细的步骤： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值