整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
目录
一、关于 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
就是他了,此图不是我的报错信息,我的报错信息是
一个关于 sockjs-client 依赖包 的原因 ,
经过排查 , 是因为 sockjs-client 版本太低了(@1.5.0), 版本升级一下就好了 命令是 : $ npm install sockjs-client@1.5.1 -D , 运行一下 , 重启一下就好了
但是自行检查过程中并没有在 package.json 文件中找到 sockjs-client 这个依赖包
后来得知 sockjs-client 依赖包 并没有显示在 package.json 文件里面 ,
而是在 package-lock.json 文件里 , 可以找到 “sockjs-client”: "^1.5.0",
运行完升级命令之后 ,就会在 package.json 文件 的 “devDependencies” 下面看到 :
“sockjs-client”: "^1.5.1" ,
总结就是 : package.json 里面没有,就是在 package-lock.json 里面
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误相关推荐
- vue项目在ie浏览器白屏不显示问题
以下是我在开发中所遇到的ie兼容问题,原因有以下几种 1.是否有使用localStorage的相关插件,ie对localStorage的支持不是很好.基本的原生方法可以使用,但如果过于复杂繁琐就会出问 ...
- vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法 参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
- vue项目在vscode中编译eslint报错没显示红色波浪线提示
vue项目在vscode中编译eslint报错没显示红色波浪线提示. 如下图所示: 下图是预期效果: 不符合Eslint校验规则的代码位置都能展示出来,这样一目了然.能帮助我们迅速找到报错的位置. 然 ...
- css引入报错,vue项目通过import引入外部css报错怎么办
vue项目通过import引入外部css报错的解决办法:首先在[webpack.config.js]中添加相关内容,添加后重新npm run dev:然后json文件中查看是否存在[css-loade ...
- vue2打包兼容ie11白屏报错问题汇总
vue2打包兼容ie11问题汇总 下载 babel-polyfill npm install --save-dev babel-polyfill main.js中引入 import "bab ...
- vue项目打包之后首页白屏的问题
本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏. 解决方法 1.路径问题 在config文件夹中找到index.js打开把assetsPubl ...
- vue 页面在 IE11 浏览器白屏,报错:SCRIPT1003: 缺少 ':' app.js
报错如下图: 在网上找了很多文章看,很多都是因为ES6不兼容IE浏览器引起的,应该使用 babel-polyfill 转ES6实现. 然鹅!!!在我这里是无效的 不论是在 mian.js 中引入,还是 ...
- vue 安装 less_解决旧Vue项目升级less-loader 6.0.0报错
作为一个爱折腾的主,我的package随时都是ncu -u! 何为ncu,就是检查nodejs npm/yarn项目依赖最新版本package.json一个插件! 这不,前几天less-loader ...
- vue项目 使用 export * from 時候报错
报错信息 ReferenceError: exports is not definedat eval (318:10)at Object.318 (0.js:56)at __webpack_requi ...
最新文章
- 关于Silverlight中多项目共享DLL文件的讨论
- 关于课程设计、毕业设计的一些总结与思考
- clear ,refresh,free
- php 位运算与权限,PHP中的二进制位运算和权限存储
- 计算机应用基础 access,计算机应用基础第7章数据库应用基础Access
- [转]Android限制只能在主线程中进行UI访问的实现原理
- Java并发(四)——synchronized、volatile
- 数据库本地的sa有个叉号_多个客户端(50)同时使用sa账号操作服务器数据库(sqlserver)会有问题吗?...
- 【linux笔记】vi和vim编辑器,重定向输出,系统命令,进程,管道
- mongotemplate.insert 是否成功判断_河北外观专利申请成功的必要条件
- RF-接口自动化测试-「Body Data格式」
- linux 声卡设备文件夹,Linux操作系统声卡驱动的安装与配置
- 计算机硬盘显示ntfs,电脑硬盘显示NTFS
- 基于企业战略的业务流程重组与外包(2) (转载)
- python 傅里叶变换_【python学习笔记】21:numpy傅里叶变换
- 鸿蒙系统基于Linux打造,其本质还是安卓系统?
- 腾讯派息式减持京东,“伯克希尔”的投资策略变的逻辑是?
- js/jquery(2)
- IMAU 软件项目管理 期末复习总结 第六章
- 动态库编译通过,调用动态库函数运行出现undefined symbol
热门文章