Vue项目在ie浏览器中报错 SCRIPT1003:缺少‘:’

最新推荐文章于 2022-08-31 15:27:08 发布
最新推荐文章于 2022-08-31 15:27:08 发布
阅读量1.5k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44743903/article/details/116158871
版权

Vue项目在ie浏览器中报错 SCRIPT1003:缺少‘:’

ie浏览器访问，页面空白报以下错误

进入vendors.app.js文件，定位到应该是vue_particles插件有问题
在这里插入图片描述

查找各种资料，发现是node_modules依赖中下载的vue-particles插件index.js文件存在问题。ie不支持install()方式的写法
在这里插入图片描述
原来的写法
在这里插入图片描述
要改为这种写法：

    install: function(Vue, options) {
        Vue.component('vue-particles', particles)
    }
清水漪澜1992
关注
ie8兼容性ie8缺少SCRIPT1010: 缺少标识符
kerryqpw的博客
04-02 3674
ie8兼容性ie8缺少SCRIPT1010: 缺少标识符 SCRIPT1010: 缺少标识符 ，一般是在IE下会出现这个问题。 今天在调试一段js代码时，在chrome，ff下均正常，但是在IE下就是一直这样的提示，出现这个问题的原因主要有以下几点： 1、出现了多余的逗号："," 2、使用了js中保留的关键词，如： default, delete 等 3、ie8下不支持tr...
Vue项目下IE报错 SCRIPT1003: 缺少 ‘:‘，导致页面空白的解决方案
u012396616的博客
09-15 4422
❝ 今年年初加入了物资团队，遇到的第一个问题就是解决IE的兼容性问题。 ❞ 1 现象 当时的情况是IE浏览器在登录系统时，登录页无法加载，页面显示空白，所以也无法访问系统里的其他页面。 2 查看报错 在IE浏览器中输入系统网址，打开控制台，发现有这样的报错：SCRIPT1003: 缺少 ':' 第一个想法就是需要对webpack进行一些兼容性配置，于是小编低下头默默的先进行了一通通用配置操作。 3 进行通用兼容性配置 由于本系统前端框架用到的脚手架是3.x版本，因此得针对cli3来进行配置。 3.1 对v
ie11运行vue3.0项目CRIPT1003: 缺少 ‘:‘
m0_55358599的博客
03-04 872
Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘ 彭世瑜 2020-07-06 16:03:36 3499 收藏 6 版权 一、问题描述 Vue CLI3打包上线后的代码使用IE11打开后是空白的，控制台报错： SCRIPT1003: 缺少 ‘:’ app.js (304501,83045) 1 2 其他浏览器打开没问题，问题定位在：存在不兼容IE的代码 二、问题分析 首先要知道，IE不支持函数简写 data(){ return {} } 1 2 3 只能识别这种形式 da
vue.js+element ui 在IE中报 SCRIPT1003: 缺少 ':'
lindali1115的博客
10-09 1万+
最近在做一个表单使用的是vue.js直接引用和element ui的框架做的 发现在IE中 9 10  11 都打开的页面是这样子的 然后看控制台报的是如下错误 解决的方法就是在方法中一定要 写：function  修改过后成功！ 最后感叹 IE真的是奇葩！...
VUe Eelement-ui 兼容es6 兼容IE9+ 报错：SCRIPT1003: 缺少 ':’
weixin_41557825的博客
05-09 2176
正确方法： 下载依赖：babel-polyfill (1)、安装依赖:npm install --save babel-polyfill (2)、在main.js中引入;import ‘babel-polyfill’ （3）、在build文件夹的webpack.base.conf.js文件中修改成以下代码 { test: /.js$/, loader: ‘babel-loader’, includ...
VUe Eelement-ui 兼容es6 兼容IE9+ 报错：SCRIPT1003: 缺少 ':’
weixin_34001430的博客
12-05 2379
目前解决方案：1、把es6改成兼容浏览器的语法ES5,所有js的转换 2、引入babel-polyfill3、使用ESLint 语法规则，但是项目语法基本上要全部重新改写正确方法：下载依赖：babel-polyfill(1)、安装依赖:npm install --save babel-polyfill(2)、如果你的英文入口使用ES6 import 语法，你应该在入口的开头替代导入垫片，以保证他是...
ie11中报SCRIPT1003: 缺少 ':'的错误？
weixin_33836874的博客
05-18 4312
兼容性？IE的兼容性…… 由于“叶叶综合征发作”，导致有段时间都在自我否定中，故而引发一系列的不美好。幸好，自己还有超强的恢复能力，一切都在往好的方向发展吧。 直接进入 “可怕的IE兼容”主题： 第一种：80020101 因为看见了报错信息底下的“jquery.min.js”，再加上在stackoverflow上找到的类似问题答案，还算轻松的解决了第一个问题，将项目中的jquery.m...
详解vue 兼容IE报错解决方案
01-19
IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法（如箭头函数），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象...
JS在IE下缺少标识符的错误
01-19
根据报错的行数查找源码，也看不出哪里有问题，看样子没缺少什么啊，代码如下： if (opts.display.class != '') { $(list).addClass(opts.display.css); } 此句其实是判断 opts 对象的 display 的 class 属性有没...
art-template模板引擎 {list} ie10兼容问题 控制台报错：SCRIPT1003: 缺少 ‘:’
youyantan的博客
04-13 609
art-template模板引擎 ie兼容问题
SCRIPT1003: 缺少 ‘:‘ 兼容ie浏览器
qq_39047060的博客
03-19 2161
1.具体报错提示如下： 解决方法：jquery版本太低不支持ie,请下载高版本的jquery替换就可以； 我这里引的是 注意：根据自己的项目要求引适合的jquery版本。 jquery下载地址：https://www.jb51.net/zt/jquerydown.htm 2.具体报错提示如下： 解决方法： 原因：ie浏览器不支持es6的写法会报错，改掉es6的写法就可以 ...
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 {       ...     }   } } 兼容的...
ie11浏览器兼容性报错app.js script1003 缺少：
u013994400的博客
08-31 1336
ie11浏览器兼容性问题 vue
SCRIPT1003: 缺少 ':'，ie SCRIPT1006: 缺少 ')'
u012377866的博客
11-11 3432
ie11中报SCRIPT1003: 缺少 ':'的错误？ 将 processingData(checkedId){ }, 补充 function processingData: function(checkedId){ }, ie SCRIPT1006: 缺少 ‘)’，es6不识别 function (page=1) { } 改为： function (pa...
Vue兼容IE报错SCRIPT1002：‘语法错误’，SCRIPT1003: 缺少 ‘:‘
qq_43654065的博客
09-16 7528
代码可以在360浏览器上的极速模式下正确显示，但是在兼容模式下页面不能正常显示。代码编程主要用的是Vue框架。 SCRIPT1003: 缺少 ':' 因为IE浏览器对代码的编程要求较高，所以要兼容IE浏览器尽量不要缩写，1003报错定位发现是一个函数简写了，将函数定义补充完整，就不再报错了。 beforeDestroy(){} //原代码 beforeDestory：function(){} //修改后代码 对代码进行如上修后不再报1003错误了，但是一直弹出某个函数未被定义，定位到该函数该函数定
Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘
彭世瑜的博客
07-06 1万+
一、问题描述 Vue CLI3打包上线后的代码使用IE11打开后是空白的，控制台报错： SCRIPT1003: 缺少 ':' app.js (304501,83045) 其他浏览器打开没问题，问题定位在：存在不兼容IE的代码 二、问题分析 首先要知道，IE不支持函数简写 data(){ return {} } 只能识别这种形式 data: function () { return {} } 还有其他的不兼容之处，最笨的办法是手动修改所有不兼容的地方 当然还有更优的解 看下配置文件pac
SCRIPT1003:IE11报错，无法打开vue+elementui项目，谷歌等正常
weixin_33696106的博客
12-29 591
2019独角兽企业重金招聘Python工程师标准>>> ...
vue-cli3解决 IE浏览器 不兼容 vue-particles （IE 浏览器报错 SCRIPT1003: 缺少 ‘:‘ ）
Simle_Tiny_horse的博客
12-05 777
1、发现问题 页面在 chrome 浏览器上可以正常显示，但是在 IE浏览器上一片空白，控制台报错： 2、定位问题 IE不兼容 vue-particles 导致页面异常 3、解决问题 在 vue.config.js 文件中添加如下代码： module.exports = { transpileDependencies: ['vue-particles'] } 重启项目，IE浏览器可以正常显示。 4、官网指南 https://cli.vuejs.org/zh/guide/browser-compatib
vue 页面在 IE11 浏览器白屏，报错：SCRIPT1003: 缺少 ':' app.js
皮皮虾的博客
03-10 5947
报错如下图： 在网上找了很多文章看，很多都是因为ES6不兼容IE浏览器引起的，应该使用 babel-polyfill 转ES6实现。 然鹅！！！在我这里是无效的 不论是在 mian.js 中引入，还是在 webpack.base.conf.js 中引入（且在‘babel-loader’中加 resolve（‘static’）），都没有实现… 点进去查看app.js，看的我欲哭无泪： 箭头一直指...
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、付费专栏及课程。

余额充值