整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误

已于 2024-02-01 14:35:16 修改
阅读量9.2k 收藏 35
点赞数 6
分类专栏： 前端 IE Vue 文章标签： 前端 IE
于 2022-12-24 00:45:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58099903/article/details/128420325
版权

目录

一、关于 sockjs-client 依赖包

二、关于 highlight 依赖包

三、关于 swiper 依赖包

四、IE 不支持 ES6 语法

五、第三方插件引入导致

六、本地环境正常，生产环境仍旧白屏

这篇文章主要介绍了 Vue 项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例

一、关于 sockjs-client 依赖包

Bug 背景 ：接手一个新项目 ，npm run dev 启动服务器之后默认打开的是 谷歌浏览器 ， 

后来发现项目在 IE 浏览器 打开后 白屏 ， F12 打开控制台后报错信息显示如下 ：

SCRIPT1002：语法错误

文件：app.js，行：207536，列：23

点击报错信息后展示（当时的报错没有截图，用的别人的图）

    像这种根本就没法排查错误 ，就很恼火啊！

百度了一堆 ，全是抄来抄去，关键是还没有能解决问题的 ，万能的谷歌走起

    其实对于这个问题很明显就是 语法错误 ，就是 IE 不支持 的问题 ，IE 垃圾 。。

既然是语法的问题 ，那就是 编译的问题 ，那么咱们就直接编译对应的包 ，

但是那是哪个包呢 ？

重点来了：点开报错信息 ，会发现 断点 在的地方就是 报错的地方 ，

那肯定就是这里的问题了，但是这是编译后的代码，怎么排查是哪个包呢 ？

突然发现 上面的注释 不就是这个 包的名字 吗 ？？？

恍然大悟 ，犹如发现新大陆 ！

./node_modules/_js-base64@3.6.2@js-base64.js

最低0.47元/天 解锁文章
雨季mo浅忆
关注
  • 6
    点赞
  • 踩
  • 35
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
主要介绍了VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue进阶（幺柒零）项目部署后IE报 SCRIPT1002:语法错误 解决方案探讨
IT全栈 华强工作室
10-26 2105
Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误，可从以下几个方面查找原因：可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人感到疑惑的是：其他原本可以本地IE热部署的项目在进行同样的升级改造后，依旧可以实现本地IE部署，且没有任何错误信息。
Vue项目兼容IE浏览器
weixin_34128534的博客
07-09 267
转载：https://blog.csdn.net/qq_24956515/article/details/77527668 Vue项目部署到服务器后，通常除IE浏览器外其他都正常，而IE浏览器会报这么个问题 因为Vue使用了ES6 Promise，而IE浏览器不支持，解决方法是: 使用babel-polyfill转换 https://babeljs.io/docs/usage/polyfi...
Vue进阶（幺柒零）项目部署后IE报 SCRIPT1002 语法错误 解决方案探讨_script1002 语法错误(2)
最新发布
2401_84619287的博客
05-16 285
Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人感到疑惑的是：其他原本可以本地IE热部署的项目在进行同样的升级改造后，依旧可以实现本地IE部署，且没有任何错误信息。
SCRIPT1002: 语法错误 Function code
城里俊男多博客
09-02 936
在IE11浏览器下报错 SCRIPT1002: 语法错误 原因是用了forEach循环 IE不能解析ES6语法 这种方式声明的方法也会报错： function: (e) => {}
vue项目在IE11上报错SCRIPT1002
tzz_1122的博客
12-27 1155
从控制台的报错信息定位过去，会发现是一大串的js（其实也就是模块中有些语法ie不支持），我们需要向上找，找到模块的名字，例如报错的模块名字是sockjs-client。vue项目，在谷歌浏览器上展示正常，但是在360安全浏览器上的兼容模式打开，界面空白，浏览器控制台中报错。3 然后保存，重新启动服务，项目就可以在IE下正常打开了。2 vue.config.js里配置编译代码。SCRIPT1002: 语法错误。
vuecli3 项目在 ie11 下面白屏报错：SCRIPT1002: 语法错误
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
03-15 877
SockJS是一个浏览器JavaScript库，提供类似WebSocket的对象。SockJS为您提供了一个连贯的、跨浏览器的Javascript API，它在浏览器和web服务器之间创建了一个低延迟、全双工、跨域的通信通道。如果失败，它可以使用各种特定于浏览器的传输协议，并通过类似WebSocket的抽象来呈现它们。安装好之后最后记得清除一下 ie11 浏览器的缓存，不要像我一样，安装好后排查了半天，最后发现是缓存问题，ie 浏览器还是用的。然后定位的位置如下：说明。这个库的版本目前使用的是。
Vue兼容IE报错SCRIPT1002：‘语法错误’，SCRIPT1003: 缺少 ‘:‘
qq_43654065的博客
09-16 7460
代码可以在360浏览器上的极速模式下正确显示，但是在兼容模式下页面不能正常显示。代码编程主要用的是Vue框架。 SCRIPT1003: 缺少 ':' 因为IE浏览器对代码的编程要求较高，所以要兼容IE浏览器尽量不要缩写，1003报错定位发现是一个函数简写了，将函数定义补充完整，就不再报错了。 beforeDestroy(){} //原代码 beforeDestory：function(){} //修改后代码 对代码进行如上修后不再报1003错误了，但是一直弹出某个函数未被定义，定位到该函数该函数定
vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误
shiyina的博客
03-25 469
4、在vue.config.js配置报错文件的处理transpileDependencies（点击报错文件，看到的是sockjs-client的文件报错了，所以这里配置sockjs-client）3、在babel.config.js中添加presets。2、在main.js引入。可以看到，这个报错没有了。
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的 引入方法： 打开packge.json，在dependencies中加入：”babel-polyfill” : “^...
Vue 2.0在IE11中打开项目页面空白的问题解决
12-09
ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser； 原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy...
如何解决vue2.0下IE浏览器白屏问题
01-21
公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 <meta http-equiv=X-UA-Compatible content=IE=edge> 不起作用 总结方法： 1、兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill ...
vue2 兼容 ie (SCRIPT1002：语法错误？SCRIPT1006：缺少 ‘)‘？)
qq_39143010的博客
02-26 1505
开发时google正常，ie9以上显示空白ie报错提示chunk-vendors.js语法错误，查看可以看到里面有es6代码报错代码上方会有注释说明当前代码块来源哪个文件。
vue项目在ie浏览器报SCRIPT1002:语法错误chunk-vendors.1672709351402.js (264647,23)
M_yI_Hg的博客
01-03 1002
解决. 安装node10版本, npm6版本, 重新安装依赖。总结: 其实就是ie11不支持es6的语法.
vue2项目解决ie11浏览器报错语法错误
07-28
对于 Vue2 项目在 IE11 浏览器中出现语法错误的问题，可以尝试以下解决方案： 1. 安装并配置 Babel：Vue2 默认不支持 IE11，需要通过 Babel 来进行转译。可以安装 `@babel/preset-env` 和 `@babel/plugin-transform-runtime` 插件，并在项目的 `.babelrc` 文件中配置如下： ```json { "presets": [ [ "@babel/preset-env", { "useBuiltIns": "entry", "corejs": 3 } ] ], "plugins": [ "@babel/plugin-transform-runtime" ] } ``` 2. 添加 Polyfill：在 Vue2 项目中，需要手动引入一些 Polyfill 支持。可以在项目的入口文件（如 `main.js`）中添加以下代码： ```javascript import 'core-js/stable'; import 'regenerator-runtime/runtime'; ``` 这样可以引入一些 ES6+ 的特性和运行时环境的 Polyfill。 3. 配置 Vue CLI：如果你是通过 Vue CLI 创建的项目，可以在项目根目录下的 `vue.config.js` 文件中添加如下配置： ```javascript module.exports = { transpileDependencies: [ 'vue' ] }; ``` 这样可以确保只有 Vue 文件被转译。 4. 检查语法错误：如果以上步骤都没有解决问题，可能是代码中存在 ES6+ 的语法，在 IE11 中不被支持。可以使用工具（如 Babel Parser 或 ESLint）来检查代码中的语法错误，并进行修复。 希望以上方法能够解决你在 Vue2 项目中遇到的 IE11 浏览器报错语法错误问题。如果还有其他问题，请提供更多详细信息，以便我能够给出更准确的解决方案。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值