vue-cli 4.x适配IE浏览器(SCRIPT1002:语法错误)

最新推荐文章于 2024-07-20 00:00:00 发布
最新推荐文章于 2024-07-20 00:00:00 发布
阅读量7.9k 收藏 25
点赞数 12
分类专栏： Vue vue-cli 文章标签： Vue IE babel-polyfill vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41888177/article/details/103646515
版权

vue-cli4.x默认情况下不需要自己手动安装babel-polyfill,我们看一下官网介绍。

我们可以发现，与umi2.x之后一样，vue也支持一键配置需要兼容的浏览器

我们只需要在package.json中添加自己需要的浏览器即可。具体的指定范围请点击这里。

但是仅仅这样还是不够的

虽然正常情况下这样就可以直接兼容，但是官方也做过说明

有很多开发人员会遇到安装了babel-polyfill或者像上述一样做过之后依旧会报错

这时候很有可能就是因为你的依赖包并没有被检测出来并进行语法转换，而恰好你的依赖包不支持IE浏览器

就像官网所说

最低0.47元/天 解锁文章
Aug丶Sunrise
关注
专栏目录
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
Mr.小灰狼_随笔
12-24 9843
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误 这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例。 目录 一、关于 sockjs-client 依赖包 二、关于 highlight 依赖包 三、关于 swiper 依赖包 四、IE 不支持 ES6 语法 五、第三方插件引入导致 六、本地环境正常，生产环境仍旧白屏
vue2 里面es6语法怎么兼容ie浏览器
weixin_35754676的博客
01-03 634
你可以在你的 Vue 项目中使用 Babel 来转换你的 ES6 代码。Babel 是一个 JavaScript 编译器，它可以将高级 JavaScript 特性(如箭头函数和类)转换为浏览器可以理解的代码。 你需要在你的 Vue 项目中安装 Babel，然后在你的项目的 build 配置中配置 Babel 转换你的代码。 首先，安装 Babel： npminstall --save-dev ba...
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
01-21
问题现象 项目使用vue/cli3脚手架搭建的前端项目，vue版本为2.6.10。 browserslist的配置如下： [ > 1%, last 2 versions] 但开发环境的IE11打开显示白屏，F12打开显示： 分析过程 5306行显示 “./node_modules/_debug@4.1.1@debug/src/browser.js”这个路径报错，由于eval()包含的代码中有ES6的语法，IE不支持，查了网上很多资料都说使用babel-polyfill来解决。 现象一：IE不支持ES6语法 Vuex requires a Promise polyfill
SCRIPT1002: 语法错误；vue cli4 siwper ie11
唐僧的专栏
07-14 1414
前言： 今天 用 vue 开发了 PC 一个静态官网； IE11 今天无法访问； "SCRIPT1002: 语法错误；chunk-vendors.js (1355,1)" 上网百度下 说是要兼容 IE需要配置 babel； 但是呢又说 cli4 创建项目自带 babel； 回想了下之前的静态页面；就多了个 swiper 组件； 后来通过报错找到 错误代码 是一个叫 dom7 的地方 ； 解决方法：在 vue.config.js（没有自己创建） 中添加配置 module....
vuecli4.x 兼容旧版本浏览器
最新发布
qq_32317985的博客
07-20 482
browserslist是用来配置项目的目标浏览器和nodejs版本范围，兼容哪些浏览器的版本1% ：基于全球使用率统计而选择的浏览器版本范围。>=，
vue项目ie中报语法出错
ProgramarQin的博客
10-02 688
1、配置.babelrc { "presets": [ ["es2015"], ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
在使用 Vue-cli3 创建的项目中，可能会遇到在安卓低版本系统或 Internet Explorer（IE）浏览器上出现白屏的问题。这通常是由于这些老旧平台不支持 ES6 以上的语法和某些新特性导致的。为了解决这个问题，我们需要...
antd vue适配ie浏览器中出现的若干问题
loganwz的博客
12-21 865
因为vue项目上用户有ie浏览器的使用需求，因此适配了ie浏览器，在适配的过程中遇到了一些问题，分享一下。
关于vue在ie浏览器打不开，页面显示空白，es6转es5失败
bigfatDone的博客
10-21 1169
由于vue项目使用的js是es6或者是更高的版本，ie11仅支持部分es6新语法，因此需要向下兼容，需要将es6+转换成es5语法 cnpm i babel-polify -D-S 在main.js 引入 import babel-polify bug: ie浏览器中的babel-polify在本地项目中可以完美运行，但是在打包之后就无法运行 旧的babel-polify的core-js包是2.5的 @babel/polify里面的core-js包是2.6的 然后我们现在虽然都在说es6，.
vue 兼容IE报错解决方案
p15097962069的博客
08-10 264
vue 兼容IE报错解决方案
vue打包后在ie浏览器下访问报语法错误
weixin_42811248的博客
04-06 739
vue项目部署后在ie浏览器下访问报语法错误： 1.解决方法首先定位到报错文件； 2.编译为es5；在线编译
VUE2项目在IE9+白屏报错语法错误的解决
New个对象喝咖啡
07-21 1149
使用@font-face引入自定义特殊字体，在IE9环境下报错“@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。”错误。查明报错原因是： IE9不支持字体文件类型解决方案：转换字体为WOFF格式字体转换在需要的页面引入该字体文件后，就可以正常显示咱们自定义的字体了以上就是今天要讲的内容，希望可以帮到更多人解决IE兼容问题。本人在IE坑里好长时间才得到解决方案，希望这篇博客可以帮到你！
vue2 兼容 ie (SCRIPT1002：语法错误？SCRIPT1006：缺少 ‘)‘？)
qq_39143010的博客
02-26 1696
开发时google正常，ie9以上显示空白ie报错提示chunk-vendors.js语法错误，查看可以看到里面有es6代码报错代码上方会有注释说明当前代码块来源哪个文件。
cli3解决 ie11语法错误 vue_VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
weixin_36448245的博客
01-26 2344
问题现象项目使用vue/cli3脚手架搭建的前端项目，vue版本为2.6.10。browserslist的配置如下：[ "> 1%", "last 2 versions"]但开发环境的IE11打开显示白屏，F12打开显示：分析过程5306行显示 "./node_modules/_debug@4.1.1@debug/src/browser.js"这个路径报错，由于eval()包含的代码中有ES...
vue cli4 使用360兼容模式和IE11页面空白报 SCRIPT1002：语法错误
weixin_43096984的博客
07-16 1496
在网上找了很多方法去解决，都不行，最后在崩溃的边缘成功了，在此总结记录一下。 第一步，vue cli4会自带core-js依赖，可以在package.json中查看是否有依赖，有的话直接在main.js中引入这两个。 //main.js文件 import 'core-js/stable' import 'regenerator-runtime/runtime' 第二步，在babel.config.js中写入如下，注意cli4必须写@vue/cli-plugin-babel/preset。cli3写的
关于vue中使用swiper在ie浏览器和ios 9 系统中白页面。SCRIPT1002：语法错误 dom7.modular.js
qq_35431814的博客
05-09 1200
关于引入swiper导致白页面的问题 最近在使用swiper发现在ios 9系统和ie11中及一下。会导致白页面。 通过抓包调试ios手机的时候。只是报了一个const 不识别的问题。完全定位不到地方。。。一脸懵逼。 因为vue-cli3.x以上是自带babel的。 后来在ie浏览器中试了下。打印出了一个错误SCRIPT1002：语法错误 dom7.modular.js。 这是因为使用swiper的时候会自动引入dom7,ssr-window这两个库。 但是vue-cli默认是不对node_modules进
vue-cli 项目在IE内核兼容配置参考
leo
08-07 1886
问题一：页面内容不显示 解决方法：在index.html页面添加如下代码 &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt; 问题二：语法错误 解决办法：下载安装babel-polyfill npm install babel-polyfill --save 然后在main.js引入  import 'ba...
解决 cli3 自定义指令在ie11报错 SCRIPT1002: 语法错误
lllomh的博客
08-02 6883
在vue 中使用的 directive 命令的时候。 在其他浏览器可以使用但 打包之后 在ie11 就报错如下 其实这个因为directive 命令要在 new vue 实例之前创建， 如果在 new vue 里面 就会报错 比如这种 方法就是 在 new vue 之前 用 Vue.directive('test-button', {}） 就就可以了。 ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值