VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

已于 2024-01-19 16:23:36 修改
阅读量659 收藏 12
点赞数 6
文章标签： vue.js 前端 javascript
于 2024-01-19 16:19:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cmelody/article/details/135699991
版权

项目场景：

Vue2开发的项目在IE中打开白屏，vue版本^2.6.11，@vue/cli 4.5.13。

问题描述

控制台报错SCRIPT1002: 语法错误，点开错误指向sockjs-client。

原因分析：

sockjs-client包的语法错误。

解决方案：

  • 在vue.config.js添加transpileDependencies配置（node_modules里的依赖默认是不会编译的，会导致es6语法在ie中的语法报错，所以需要在vue.config.js中使用transpileDependencies属性配置node_modules中指定哪些文件夹或文件需要编译）
transpileDependencies: ["sock-js", "sockjs-client"],
  • 添加完上面配置之后，发现依然报SCRIPT1002: 语法错误，并指向app.js文件。通过排查package.json文件发现，browserslist配置有误，需要添加IE11配置

cmelody
关注
  • 6
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue项目在development模式下ie11、ie10 出现语法错误的问题
仰望星空的代码
01-09 4635
一、前言 开发vue项目过程中，在development模式下发现在IE10,、IE11中无法运行，打开控制台发现已经报错。错误信息提示语法错误，打开定位到的报错位置，可以发现是严格模式报错。编译的代码中出现严格模式可能是因为代码中存在es6而没有被转换为es5，而在项目中已经配置了babel；正常情况下是不会出现es6未被转换的情况的。 由于babel配置采用的是vue官方推荐的或者说vue...
Vue 2.0在IE11中打开项目页面空白的问题解决
12-09
前言 因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug： 问题 ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser； 原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.
ie 报 SCRIPT1002: 语法错误
热门推荐
宇你晴天的博客
05-22 1万+
SCRIPT1002: 语法错误 出现的错误时可以在一下几个方面找原因： 可能与IE的某些插件冲突。请把所有无关的IE加载项全部禁用后尝试 引用了不存在的js文件 页面的某些文件在文档模型还没建立时就已经开始引用相关的节点 最后发现是轮播插件swiper 中的一些最新版本 不支持ie 所以只能将swiper 版本降级 cnpm install [email protected] --save 将swiper 降级到3.4.2 就能正常显示了 ...
vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误
shiyina的博客
03-25 309
4、在vue.config.js配置报错文件的处理transpileDependencies（点击报错文件，看到的是sockjs-client的文件报错了，所以这里配置sockjs-client）3、在babel.config.js中添加presets。2、在main.js引入。可以看到，这个报错没有了。
Vue进阶（幺柒零）项目部署后IE报 SCRIPT1002:语法错误 解决方案探讨
IT全栈 华强工作室
10-26 1707
Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误，可从以下几个方面查找原因：可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人感到疑惑的是：其他原本可以本地IE热部署的项目在进行同样的升级改造后，依旧可以实现本地IE部署，且没有任何错误信息。
vue+elementUI 适配IE11 （解决SCRIPT1002: 语法错误）
mmmmmmmmzw的博客
01-24 2015
问题描述 今天遇到一个浏览器适配的问题，在谷歌浏览器能正常使用，但在IE11浏览器不能加载了，报错 SCRIPT1002: 语法错误 找了很多原因，最终发现是elementUI不能被IE11所适配，需要将原有的babel覆盖到elementUI 解决方法 在webpack.base.conf.js中，新增如下两行： resolve('node_modules/element-ui/src'), resolve('node_modules/element-ui/packages') 具体位置 module:
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
Mr.小灰狼_随笔
12-24 8719
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误 这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例。 目录 一、关于 sockjs-client 依赖包 二、关于 highlight 依赖包 三、关于 swiper 依赖包 四、IE 不支持 ES6 语法 五、第三方插件引入导致 六、本地环境正常，生产环境仍旧白屏
vue项目在IE11上报错SCRIPT1002
tzz_1122的博客
12-27 936
从控制台的报错信息定位过去，会发现是一大串的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 851
SockJS是一个浏览器JavaScript库，提供类似WebSocket的对象。SockJS为您提供了一个连贯的、跨浏览器的Javascript API，它在浏览器和web服务器之间创建了一个低延迟、全双工、跨域的通信通道。如果失败，它可以使用各种特定于浏览器的传输协议，并通过类似WebSocket的抽象来呈现它们。安装好之后最后记得清除一下 ie11 浏览器的缓存，不要像我一样，安装好后排查了半天，最后发现是缓存问题，ie 浏览器还是用的。然后定位的位置如下：说明。这个库的版本目前使用的是。
快速解决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项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义
weixin_46889432的博客
09-07 3469
错误1.IE11进入页面报错，显示语法错误 解决方法：将报错页面的异步引入改为直接引入（好像没啥效果） —修改前– —修改后— 修改之后出现： 错误2：SCRIPT1002: 语法错误 报错原因：报错的依赖包并没有被检测出来并进行语法转换，恰好这个依赖包不支持IE浏览器 如官网所说： 这时候就需要：显式的将这个依赖包放到vue.config.js中的transpileDependencies中去，告诉babel需要转换这个包 再次运行： 错误3：proxy未定义 解决方法：针对Proxy
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误
大乌鸦
09-08 1万+
问题现象 项目使用vue/cli3脚手架搭建的前端项目，vue版本为2.6.10。 ie11报错问题如下： （当时的报错没有截图，用的别人的图） 像这种根本就没法排查错误，很恼火 百度了一堆，全是抄来抄去，关键还没有能解决问题的，艹！万能的谷歌走起 其实对于这个问题很明显就是语法错误，就是ie不支持的问题，ie垃圾 既然是语法的问题，那就是编译的问题，那么咱们就直接编译对应的包，但是那是哪个包呢 重点来了：点开报错信息，会发现断点在的地方就是报错的地方，那肯定就是这里的问题了，...
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 354
步骤很详细，直接上教程……
Vue项目中异步组件的引入使用
最新发布
Niucode的博客
04-26 131
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 111
vue echarts 柱状图 堆叠柱状图
vue 实现级联选择器功能
清音的博客
04-22 510
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
vue 项目再 ie11 报错SCRIPT5022: SecurityError
05-24
在ie11中，可能会遇到由于一些安全限制而导致的SCRIPT5022: SecurityError错误。这通常是由于CORS（跨域资源共享）策略引起的，因为IE11对CORS有一些限制。 要解决此问题，请按以下步骤操作： 1. 确保所有请求使用的协议（http或https）与当前页面协议相同。 2. 如果您正在使用axios进行ajax请求，请确保将withCredentials设置为true，这将允许IE11在跨域请求中发送cookie： ``` axios.defaults.withCredentials = true; ``` 3. 如果您使用的是Vue Cli 3，您可以在vue.config.js文件中配置devServer选项来启用IE11支持： ``` module.exports = { configureWebpack: config => { config.entry = ['babel-polyfill', './src/main.js']; }, devServer: { disableHostCheck: true } } ``` 4. 如果您正在使用webpack-dev-server，请添加以下选项： ``` devServer: { headers: { "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS", "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization" } } ``` 以上是常见的解决方法，希望对你有所帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值