Vue IE11打开空白问题(SCRIPT1002)

于 2023-11-30 09:36:38 发布
阅读量395 收藏 9
点赞数 8
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44526436/article/details/134704212
版权

问题呈现：
本地运行后以及打包后在IE11上都不能正常显示，大白板。

报错SCRIPT1002

看了下是引用私服包内部发生了错误，然后定位了下位置，是使用了es6语法导致的。因为项目做了es6兼容，所以只能从其他着手。

后面排查是项目中使用的axios是1.3.3。私服下公司内部公共组件使用的axios版本是0.9.0（具体多少不记得了，反正是低很多）。把项目中的axios改成低版本就生效了。也是很神奇

Kate-wang
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue在IE11版本上的问题
04-21
解决vue在IE11版本报错情况，vuex requires a Promise polyfill in this browser.需要下载babel-polyfill，在main.js中 import 'babel-polyfill'，修改webpack.config.js中的入口文件。ie11打不开vue项目，报错 “对象不支持“addEventListener”属性或方法”。
vue 解决ie11兼容问题
热门推荐
fighting2020的博客
10-29 3万+
一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser ①npm install --save-dev babel-polyfill ②在main.js中引入 import "babel-polyfill" ③在build文件夹中webpa
vue项目兼容ie11问题解决方案
筑梦人的博客
06-13 1万+
谷歌浏览器浏览正常,但是在ie11浏览器,qq浏览器(兼容模式),360浏览器(兼容模式),总是登录不了页面,有时能登录页面但是部分页面总是加载不出来,出现白屏现在,看控制台报出语法错误,但是项目中明明已经引入了, 有的页面还是提示语法错误,根据控制台提示还是提示语法错误,查看build完的js文件里面还是有es6语法,导致ie11不识别,检查关键字为element-ui关键字,于是解决方案...
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符
Mr.小灰狼_随笔
07-07 2301
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符 背景 ：Vue2 项目在谷歌浏览器运行好好的，在 IE 浏览器打开就会出现各种的问题。。
解决vue项目在ie浏览器打开空白问题
txw1008的博客
07-31 1624
解决vue项目在ie浏览器打开空白问题 下载安装 在webpack.base.conf.js中修改如下信息： 在src/main.js中import "babel-polyfill" 重新运行后打开，成功
VUE项目IE11兼容问题及处理方案
wushijuewu
05-11 8334
一、现状 近些年，随着移动端的发展，前端技术也发生了翻天覆地的变化，尤其是ECMAScript标准的不断升级，从es2015一直到最新的es2021，各种各样的前端javascript的特性被定义和推广，各个浏览器的厂商为了市场占比和用户体验的提升也在进行着一轮一轮的优化升级，目前的主流浏览器已经支持大部分的es2015的特性。在面向c端用户，移动作为主流的今天，PC端的C端用户量及使用频率都在急剧萎缩，但是对于面向PC端的B端用户为主的站点，移动化似乎无法替代PC。这里面仍然牵涉着很多兼容性问题，尤其是
解决IE浏览器无法显示VUE项目的方法
xybhua的博客
12-31 2260
一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser。Promise为ES6语法，有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法。
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
主要介绍了VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue 2.0在IE11中打开项目页面空白的问题解决
08-29
主要给大家介绍了关于Vue 2.0在ie 11中打开项目页面空白问题的解决方法，文中详细分析出现该问题的原因，并给出了详细的解决方法，需要的朋友可以参考借鉴，下面跟着小编来一起学习学习吧。
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-...以上这篇快速解决Vue项目在IE浏览器中显示空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
Vue2.0做的项目在IE11下面打开一片空白？
Bright2017的博客
09-05 2万+
Vue2.0做的项目在IE11下面打开一片空白？
vue2项目IE11无法打开问题
BigOrange的博客
11-18 1160
问题1： vue2项目在ie11上打开，一片空白。 `npm install --save babel-polyfill` 问题2： 引入babel-polyfill后，页面显示，但无法跳转页面。也看不到报错。 增加`, resolve('node_modules/ant-design-vue')`
vue2.0在IE11无法打开的解决办法
xxg1209535639的博客
12-20 9250
npm 安装bebel-polyfill npm install --save-dev babel-polyfill 在webpack.base.conf.js文件中将module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js', }改
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
weixin_46486081的博客
06-29 6924
vue项目兼容ie浏览器的问题：在其他浏览器显示都是正常的，在ie11下显示空白-前端-CSDN问答​ 1）运行项目后将端口链接复制到ie浏览器中报出了新问题加载控件xtxappcom失败，请确认BJCA证书通过查找https://www.anxz.com/down/92914.html解决了问题​ 2）剩下的就是在ie浏览器中显示空白通过在main.js文件中添加 在webpack.base.conf.js中添加 但因为本项目为vue-cli脚手架版本可能不同，没有创建bulid文件，所以要在node_m
vue-cli 项目兼容ie浏览器的方法
A_one2010的博客
01-24 1万+
vue-cli项目兼容 ie版本
VUE解决IE不能用的方法
u010351326的专栏
06-04 2万+
一般来说VUE本身是不支持IE的，但是可以用特殊的方法来解决，亲测可用第一步：下载插件 cnpm install --save babel-polyfill第二步：入口文件main.js引入( import 'babel-polyfill') 好多人没引入，结果不生效第三步：配置文件修改 vue-loader.conf（脚手架工具构建的项目修改这个配置文件，如果没有就修改webpack.conf....
vue 打包后 ie11 空白
最新发布
09-02
在Vue中，如果打包后在IE11中出现空白的问题，可能是因为Vue使用了一些ES6的语法特性，而IE11不支持这些特性。为了解决这个问题，有几个步骤可以尝试： 第一步，将你的项目中使用的所有ES6语法特性转换为ES5语法。你可以使用Babel来将代码转换为IE11可以理解的语法。 第二步，检查是否在Vue项目的package.json文件中添加了"browserslist"字段。如果没有，你可以在根目录下创建一个.browserslistrc文件，并在其中添加下面的内容： ``` > 0.2% ``` 这会告诉Babel将代码转换为兼容绝大多数浏览器的语法。 第三步，在项目的webpack配置文件中，针对IE11做一些特殊处理。你可以添加一个新的entry point，用来引入polyfill和其他必要的库，以兼容IE11。然后将这个entry point添加到你的webpack配置文件中。 第四步，使用Vue的官方polyfill库，它可以解决一些IE11中存在的兼容性问题。你可以在入口文件中添加以下代码来引入polyfill: ``` import 'core-js/stable'; import 'regenerator-runtime/runtime'; ``` 第五步，确保你的Vue代码中没有使用未被IE11支持的CSS特性。这些特性可能会导致在IE11中出现空白的问题。你可以尝试在Vue组件中逐个禁用一些CSS样式，看看是哪些样式导致了问题。 总的来说，解决Vue打包后在IE11中出现空白的问题需要一些细致的排查和处理，上述步骤可以作为参考，但具体的解决方法可能根据你的项目配置和代码结构而有所不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值