html页面引入vue+element 不兼容ie SCRIPT1003: 缺少 ‘:‘ 

最新推荐文章于 2023-01-05 17:48:50 发布
最新推荐文章于 2023-01-05 17:48:50 发布
阅读量419 收藏
点赞数 1
分类专栏： html+vue+element 文章标签： html vue elementui 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Deardhf/article/details/116294354
版权
本文讲述了在HTML页面中使用Vue和Element UI遇到的IE兼容问题，通过引入browser.min.js并转换script type为text/babel解决了结构赋值引发的错误。作者分享了解决步骤和最终效果，值得学习者参考。
摘要由CSDN通过智能技术生成

SCRIPT1003: 缺少 ':' html页面引入vue+element 不兼容ie browser.min.js  

最后发现事件方法前面必须加function,比如 mounted:function(){}

发现vue语法意见执行了，xxx是我v-model赋的默认值，之后又发现一个问题：我已经请求接口赋值了，但是没有生效，ie中报错SCRIPT1003: 缺少 ':' 

经查找发现：我在代码中用了es6语法（结构赋值）导致报错，

解决 引入browser.min.js 把script type类型换成 text/babel 即可

  

效果：

文字有用的话，点个赞吧

 

前端小段
关注
专栏目录
Vue3 - 详细实现接入使用海康威视监控云端显示及控制功能，网站集成安装海康监控及实时监控显示、回放、放大缩小画面、视频画面截图、截屏抓拍、摄像头控制，实时推流及播放器解决延迟卡顿等问题（详细代码）
王佳斌
07-12 8479
vue3，nuxt3，海康威视，海康监控，摄像头监控，实时监控画面，海康插件，视频播放，回放，视频流地址，取流协议，视频sdk播放，hik，rtsp，rtmp，hls，ws，网站，网页，h5页面，后台管理系统，vue3对接海康监控设备，无法连接，报错，vue3对接海康处理接口认证规则，监控实时预览和回放功能，海康api接口，安全认证，海康开放平台，官方文档，播放海康摄像头的监控视频，海康实时监控播放详细步骤，web，黑屏，特别卡不流畅怎么办，解决无法推流，录像，连接不上，vue3，海康，vue海康视频监控，
html引入vue不兼容ie11,Vue在IE11版本浏览器中的兼容性问题
weixin_35679331的博客
07-16 2409
一：Vue 2.x cli1、 使用vue2.0的项目在IE11版本浏览器中是空白的 或者路由跳转但是而页面显示依旧是上一个路径的页面元素 这是因为ie11不支持es6 而我们之前有使用的babel-loader 它仅是将es6的语法转为es5 却不会去转换es6的新属性 例如promise 所以此时我们需要使用到babel-polyfill 以下是具体操作方法首先用cnpm 安装...
SCRIPT1003: 缺少 ‘:‘ 兼容ie浏览器
qq_39047060的博客
03-19 2204
1.具体报错提示如下： 解决方法：jquery版本太低不支持ie,请下载高版本的jquery替换就可以； 我这里引的是 注意：根据自己的项目要求引适合的jquery版本。 jquery下载地址：https://www.jb51.net/zt/jquerydown.htm 2.具体报错提示如下： 解决方法： 原因：ie浏览器不支持es6的写法会报错，改掉es6的写法就可以 ...
vue 页面在 IE11 浏览器白屏，报错：SCRIPT1003: 缺少 ':' app.js
皮皮虾的博客
03-10 5978
报错如下图： 在网上找了很多文章看，很多都是因为ES6不兼容IE浏览器引起的，应该使用 babel-polyfill 转ES6实现。 然鹅！！！在我这里是无效的 不论是在 mian.js 中引入，还是在 webpack.base.conf.js 中引入（且在‘babel-loader’中加 resolve（‘static’）），都没有实现… 点进去查看app.js，看的我欲哭无泪： 箭头一直指...
HTML引入vue.js，在ie浏览器中不显示
Start2019
12-03 5897
因为只有两个页面，所以我没有用 vue-cli 搭框架，直接在 HTML 中引入vue.js 文件。发现其他浏览器都能正常显示，ie 下显示不正常，而且还报错，错误信息如下： 原因： 主要是因为 ie 不支持 ES6 的语法。 在 vue-cli 中，ie 浏览器下不显示，需要下载安装 babel-polyfill（npm i babel-polyfill），同样的，在 html 中使用 vue...
SCRIPT1003: 缺少 ':'，IE浏览器会报错，无法运行成功。而谷歌浏览器可以。
热门推荐
继续，Let's Go!
10-10 1万+
主要原因还是IE兼容性较差，目前IE11支持ES5写法，对ES6支持缺失。 var vue_table1 = {   data() {     return {       ...     }   } } 处理OK： // 改成这样就OK了 var vue_table1 = {   data: function(){     return {       ...     }   } } 兼容的...
按需引入core-js解决IE11兼容性问题，替换babel-polyfill
weixin_33794672的博客
05-24 8210
解决IE兼容问题: 1是可以直接在入口文件中引入import 'babel-polyfill' 2 现在介绍的是通过单独使用core-js的某个类库来解决,如 import 'core-js/features/object/assign' import 'core-js/features/promise' import 'core-js/features/function/name' 复制代码如果...
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Vue常见问题汇总及解决方案
qq_15859173的博客
12-09 2476
Q1：安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ npm install -g cnpm --registry=https://registry.npm.taobao.org // cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些 yarn 和 npm 改源大法 //使用 nrm 模块 : www.npmjs.com/package/nrm npm co
***标签助手的兼容性问题：跨平台与浏览器适配技巧
跨平台开发的挑战主要集中在保持应用程序在不同环境下的性能、用户界面的一致性以及兼容性问题。 ## 跨平台开发的优势 优势在于能够减少代码重复编写的工作量，缩短开发周期，同时使应用程序能够在多个平
IE不兼容HTML5、CSS3解决方法
SiaEyre
10-22 1100
IE8 及以下版本的浏览器不支持 H5 和 CSS3。 解决办法：引入html5shiv.js文件。 <!-- 条件注释 只有ie能够识别--> <!--[if lte ie 8]> <script src="html5shiv.min.js"></script> <![endif]--> l：less 更小 ...
html框架网页在ie无效,详解vue 兼容IE报错解决方案
weixin_28873663的博客
06-03 461
IE 页面空白报错信息此时页面一片空白报错原因Babel 默认只转换新的 JavaScript 语法(如箭头函数)，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法。例如 Promise 、新的原生方法如 String.padStart (left-pad) 等。为了解决这个问题，我们...
IE报缺少 冒号，　firefox 正常。
微尘的世界
10-20 1407
 function onDataReceived(series) {   var datas = strToJson(series);   outOneUserData(datas); //填充检查结果  }       $.ajax({     url: "OneUser.action?nexttime=" + new Date().getTime(),   method: ...
【marlin学习】Platformio下使用ST-Link上传失败，缺失scripts的解决方法。
简介
06-08 1454
Platformio下使用ST-Link上传失败，缺失脚本。 问题描述 编译通过，但是无法使用stlink protocol 上传firmware，出现报错如下，缺失脚本。 猜测问题根源 解决方法① 将缺失的脚本文件夹复制到工程的根目录下 scripts文件夹路径：C:\Users%username%.platformio\packages\tool-openocd 解决方法② 尝试修改scripts的指定路径；找到工程对应的.json文件，修改指定scripts路径。 添加：C:/U
IE兼容 - 缺少xxx的解决方案
qq_18196779的博客
12-16 1097
ie下报错SCRIPT1003:缺少xxx的解决方案 原因：ie下不支持部分es6语法，如： // 不支持 data() { return { } } // 支持 data: function() { } 解决方案： 首先根据报错定位是引入了哪个组件导致的 定位到组件后在 vue.config.js 中加入如下代码：如我的是因为使用了 vue-gn-components 组件导致 module.exports = { transpileDependencie
vue脚手架安装elementui组件库时因版本不一致造成的报错
最新发布
qq_65676183的博客
01-05 1138
无法安装element组件库，报错的解决方式
Vue兼容IE报错SCRIPT1002：‘语法错误’，SCRIPT1003: 缺少 ‘:‘
qq_43654065的博客
09-16 7559
代码可以在360浏览器上的极速模式下正确显示，但是在兼容模式下页面不能正常显示。代码编程主要用的是Vue框架。 SCRIPT1003: 缺少 ':' 因为IE浏览器对代码的编程要求较高，所以要兼容IE浏览器尽量不要缩写，1003报错定位发现是一个函数简写了，将函数定义补充完整，就不再报错了。 beforeDestroy(){} //原代码 beforeDestory：function(){} //修改后代码 对代码进行如上修后不再报1003错误了，但是一直弹出某个函数未被定义，定位到该函数该函数定
ie SCRIPT1006: 缺少 ')'
u014636613的博客
09-20 8432
ie不支持ES6默认入参写法： function (page=1) { } 修改为： function (page) { var page=page||1; }
ie浏览器提示缺少标识符_IE11和神秘的缺少浏览器模式
culi4814的博客
08-16 2714
Please note that some information in this article has been superseded. Please see IE11: Browser Modes Return. 请注意，本文中的某些信息已被取代。 请参阅IE11：浏览器模式返回 。 Web developers give Microsoft a tough time. “Follow ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值