vue ie打开显示空白页报错:文件: index.js,行: 23994,列: 1 SCRIPT1002: 语法错误

我尝试过安装并且使用以依赖 import 'babel-polyfill';但是还是不起作用,ie下报错信息如下图:图片说明

报错的是index.js文件,可是我项目里面这个文件是空的,没有数据,一脸懵逼

0
weixin_42082342
远方有止 抱歉各位,已经解决了,引入import 'babel-polyfill'没问题,只是配置使用的时候配置错了,放在main.js文件里,并且要放在比较靠前面的位置才可以,我也不知道为啥。。。。
6 个月之前 回复

5个回答

抱歉各位,已经解决了,引入import 'babel-polyfill'没问题,只是配置使用的时候配置错了,放在main.js文件里,并且要放在比较靠前面的位置才可以,我也不知道为啥。。。。

0
weixin_42082342
远方有止 回复great1314: 抱歉,才看到,可以的,我试过几个项目都没问题,你配置后在本地是看不到效果的,要放测试或者正式环境才可以。
大约 2 个月之前 回复
weixin_42082342
远方有止 回复great1314: 最好是放在main.js的import Vue from 'vue'后面,然后放测试环境上看。
3 个月之前 回复
great1314
great1314 怎么做到的啊,我还是遇到了这个问题哦。按你说的方式引入了,可是不行啊
5 个月之前 回复

这是vue里面的,看下vue配置文件

0
weixin_42082342
远方有止 回复qq_37129624: 好的,我去看看
9 个月之前 回复
qq_37129624
ghq-yes https://blog.csdn.net/yusirxiaer/article/details/77865358
9 个月之前 回复
qq_37129624
ghq-yes 不是吧,我对vue也只是知道一点点,你自己百度一下吧,但是问题肯定是出在vue的配置文件里面的
9 个月之前 回复
weixin_42082342
远方有止 wefe.config.js 是这个吗?
9 个月之前 回复

重新创建个项目是最快的方式不要在这耗费时间了,我也不要积分,这问题没人能解决。

0

vue只兼容ie9上,我也有过打不开的问题,跟电脑得系统也有关,win7不行win10可以,后来没办法不知道怎么解决,只好放弃不用vue了

0

我也是遇到了这个问题,正常引入,ie下还是打不开,有资料说是因为static文件夹下js文件没有被编译导致,有的解决办法是在vue-cli3.0基础上去尝试

0
qq_36727756
七侠剑客 回复是渔不是鱼:还是不行,怀疑是我的js文件放在static文件下了,但是我的地图加载js文件必须要放在staitic文件下,才能实例化产生
3 个月之前 回复
weixin_42082342
远方有止 引import "babel-polyfill";和import promise from 'es6-promise';这两个试试。
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue cli 项目在IE9/10中报错SCRIPT1002: 语法错误[解决步骤]
vue cli语法编译报错 项目在IE9/10中报错SCRIPT1002: 语法错误,vue需要兼容ie9、ie10等浏览器,在项目中遇到这个问题后,是用此方法得到解决!
IE 语法错误
IE 语法错误 今天在写页面的时候,遇到一个问题。 IE页面一直提示语法错误,谷歌也一直提示有错,但是翻了半天没看明白什么问题。 图: 后来在网上搜了一下,是jsp中按钮中href语法错误; 正确的是这样的: href = "javascript:;"; 但是写成了这样: href = "javascript:void;"; 以后写代码语法一...
element-ui(vue-cli)在ie11中空白页无法显示
PC端项目 element-ui 的ui框架、vue-cli 项目在ie11中空白页,报script1002: 语法错误无法获取未定义或null引用的call 发现错误定位在element-ui 下的emitter.js,那是es6语法无法作用到element 上。 解决方法: 在webpack.base.conf.js的babel-loader下加上如下内容 resolve('/node...
IE错误汇总
SCRIPT1002: 语法错误
vue-cli 项目在IE浏览器打开报错解决方法
首先要知道VUE官网已表明仅支持IE8以上版本(不包括IE8),css弹性布局flex各浏览器支持如下: 假如项目用到弹性布局,则项目仅支持IE10以上版本。 另外兼容其他低版本的,请另寻它法。 网上说的本人试了都是没用的,下面是亲自试验的解决方法。 1. 问题 :ie浏览器打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in t...
vue2.0在IE11无法打开的解决办法
npm 安装bebel-polyfill npm install --save-dev babel-polyfill 在webpack.base.conf.js文件中将module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js', }改
vue打包时报es6语法错误
报错:ERROR in static/js/vendor.98fc0f8af7bc02e43902.js from UglifyJs Unexpected token: operator (>) [./~/iview/src/components/base/notification/index.js:4,0][static/js/vendor.98fc0f8af7bc02e43902.js:47
vue在IE11版本上的问题
解决vue在IE11版本报错情况,vuex requires a Promise polyfill in this browser.需要下载babel-polyfill,在main.js中 import 'babel-polyfill',修改webpack.config.js中的入口文件。ie11打不开vue项目,报错 “对象不支持“addEventListener”属性或方法”。
vuex requires a Promise polyfill in this browser.--ie-vue-兼容处理日记
1.ie9+报错vuex requires a Promise polyfill in this browser. 解决如下:   npm install --save-dev -polyfill   修改config.entry   from: entry: {        app: './src/main.js'      }   to:  entry: {...
vue打包后有es6语法兼容问题,ie报错
vue打包后有es6语法兼容问题,ie报错 (个人学习笔记,仅供参考): 情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有“const”和箭头函数语法,发现是兼容问题,开始检查自己代码,我代码中没有用到es6语法,但想起自己用的插件,一个个排除,发现加载vue-charts-v3的时候打包就会有es6语法 import IEcharts from ‘vu...
vue 报...to 语法错误
 原因:缺少.babelrc 文件
vue项目在iE下不显示
IE报错:[vuex] vuex requires a Promise polyfill in this browser 原因:IE浏览器不支持ES6 Promise, 解决方法: 第一步: 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 npm install --save bab...
vue在IE11下不兼容 页面显示空白的问题
1.首先安装babel-polyfill依赖   npm install --save-dev babel-polyfill2.进入项目入口文件 main.js  导入    import   "babel-polyfill"3.在webpack的配置文件夹 将 app:"./src.main.js"改为 app:["babel-polyfill","./src.main.js"]现在就可以看到 ...
使用vue-cli, ie白屏问题
安装插件babel-polyfillbabel-plugin-transform-es2015-arrow-functions(转箭头函数)并进行配置在webpack.base.config.js中修改为:context: path.resolve(__dirname, '../'), entry: { app:['babel-polyfill','./src/main.js'] },...
解决 cli3 自定义指令在ie11报错 SCRIPT1002: 语法错误
在vue 中使用的 directive 命令的时候。 在其他浏览器可以使用但 打包之后 在ie11 就报错如下 其实这个因为directive 命令要在 new vue 实例之前创建, 如果在 new vue 里面 就会报错 比如这种 方法就是 在 new vue 之前 用 Vue.directive('test-button', {}) 就就可以了。 ...
VUE+element-ui 开发的项目 IE浏览器打开显示空白问题
因为IE浏览器版本的问题,IE浏览器不支持ES6,所以就出现了promise未定义的问题 需要下载babel-polyfill  在main.js中引用 babel-polyfill 1 npm install --save babel-polyfill 2 import  'babel-polyfill'...
访问json数据时IE控制台报XML5619: 文档语法不正确
公司一个项目,之前都是使用的Google浏览器,最近要在IE下跑。打开IE11控制台时,控制台打印了好多XML5619: 文档语法不正确。 行: 1,列 1错误信息。通过查看网络选项卡,发现只要有获取json数据的页面都会报错,每发一个json请求就报一个错误:XML5619: 文档语法不正确。 行: 1,列 1。如下图:由上图可以看到,json数据请求类型列为空,在后台将ContentType设置
vue项目,解决IE浏览器报Promise未定义的错误
转自:https://blog.csdn.net/hi_mydear_yuaner/article/details/82862551 1、安装babel-polyfill,【npm install babel-polyfill --save】; 2、在main.js里引入,【import 'babel-polyfill'】;至此已经可以在ie10以上显示; 3、网上有修改webpack.ba...
解决create-react-app在ie中打开页面空白的兼容性问题
最近使用react官方脚手架create-react-app建立项目的时候发现在ie浏览器打开时显示空白,在主流的chrome、fireFox等浏览器显示是正常的。 打开控制台显示如下 既然提示了语法错误,那么猜想应该是兼容性的问题,看了下浏览器的版本号是ie11。首先我翻了下create-react-app的文档,从中看到了正好有对ie9、ie10、ie11的兼容性问题解决的一个方案。这时需要...
vue 项目在ie 下出现空白
最近项目中遇到IE 下有空白的问题,网上查看了一些 使用babel-polyfill 这个插件 1.安装 npm install babel-polyfill 2.引入方式一 require("babel-polyfill");  引入方式二  import "babel-polyfill"; 3.module.exports = {   entry: ["babel-polyfill",...
IE浏览器下,VUE项目页面打开空白
一 问题描述 今天偶然用IE打开所做后台系统,发现居然空白一片!!!什么都没有,好可怕,事故现场如下:
Vue 2.0在IE11中打开项目页面空白的问题解决
在IE11中打开vue项目报错 原因是 Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用一种叫做 Polyfil
[VUE-CLI3] 使用iview按需引入时 IE下提示无效字符
不使用iView提供的项目构建程序 使用Vue-Cli3构建项目 采用按需引入的方式使用iView 在IE中运行 会报如下错误 win10 IE11都不行 如下图:   解决办法: (适用于基于Vue-Cli3构建的项目) 在项目根目录创建vue.config.js 写入如下配置: module.exports = { chainWebpack: config => {...
vue cli 项目在打包时候报错解决方法
报错一:打包过程报错:Unexpected token name <i>, expected punc <;>IE浏览中报错:SCRIPT1003: 缺少':',并显示空白,其他浏览器正常显示。报错二:打包过程报错:Unexpected token: name <$vm>IE浏览中报错:SCRIPT1002: 语法错误,并显示空白,其他浏览器正常。报错原因以上两...
vue项目,ie11 浏览器报 Promise 未定义的错误
报错:  {description: "“Promise”未定义", message: "“Promise”未定义", name: "ReferenceEr...", number: -2146823279, stack: "ReferenceEr..."}    解决办法 1.  npm install babel-polyfill --save 2.  在main.ts中 impor...
vue项目中正确引用babel-polyfill后在IE中仍然无效,显示空白页的原因及解决方案
最近用vue开发项目,在git上直接拉取了一个vue-admin-template模板。 然而该模板作者明确表明没有兼容IE,如果需要,自己安装babel-polyfill。 由于本项目还是会考虑高版本IE的兼容,所以安装了babel-polyfill,并正确引用了,(安装和引用方法略,网上很多,至于引用方法1.在entry处引用。2.在main.js处import引用。经测试都是有效的,引用...
vue打包之后在IE下打开页面一片空白
1.vue项目通过Webpack打包生成的dist文件,通过IE打开一片空白。这个主要原因是路径的问题。 1.修改config下面的index.js中bulid模块导出的路径 build: { index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(_...
解决webpack项目在ie下报错
引起的主要原因是,ie无法解析es6语法。需要引入babel-polyfill 第一步:npm install babel-polyfill --save-dev 第二步:在webpack.base.config.js中 require('babel-polyfill') module.exports = { entry: { app: ['babel-polyf...
解决 vue-element-admin在IE中打开空白的问题
vue在兼容IE的时候打开一直显示空白并报错,在IE11中也是打开空白报错,网上看了许多方法都试了也不行,后来发现原来是最后一步的配置错了,咦,桑心的,现在记录一下全过程,供参考: 解决办法如下 : 1.首先安装babel-polyfill依赖 npm install --save-dev babel-polyfill 2.进入项目入口文件 main.js 导入 import “b...
解决XML5619:文档语法不正确
解决XML5619:文档语法不正确 在使用ajax请求时,action或是controller返回的数据是要符合ajax里dataType :’text’参数的格式,所以要在action或controller里添加以下代码指定类型和编码字符集 response.setCharacterEncoding("UTF-8"); response.setContentType("text/html"
react浏览器兼容报错处理
IE11以下浏览器报错 1.在低版本的谷歌浏览器和ie11浏览器以下页面变成空白。以及下图报错 解决方法: (1)先安装babel-polyfill依赖,npm install babel-polyfill --save (2)安装好之后在配置文件webpack.config.dev.js中引入polyfills.js。如下图,下图为多入口文件(多页)配置的引入方式。 单入口(单...
uploadify在ie和火狐报406错误
在使用uploadify上传时,用chrome是正常的,使用ie和火狐就报406错误。 项目使用springmvc,上传返回使用@ResponseBody 将@ResponseBody注解去掉。 使用response返回,解决问题 response.setContentType("application/json; charset=UTF-8"); response.getWri
vuex不兼容ie11怎么办
IE一直以来坑就多,那么vuex不兼容IE11怎么办 IE11没有内置promise,所以用不了vuex很正常。为了兼容,首先要安装一个库。 安装好之后在main.js中引入 然后在build中配置一下入口entry即可 ...
vue项目兼容ie9 10不显示问题
因为工作原因,让我来解决整体网站的兼容问题。网站使用的框架是vue+iview。 话不多说,直接说问题吧。下面记录一下我的经历: 问题一:一开始整个网站在360极速模式及ie浏览器直接不显示,一片空白 解决方式是:在package.json中引用babel-polyfill,并修改webpack.base.config.js的代码(可能解决方案不局限于我这一种哈),如下: entry:...
vue项目安装babel-polyfill后,在IE下打开页面依然空白的问题解决方案
最近手头的vue项目需要兼容IE,正常安装babel-polyfill并进行相应的配置后,IE浏览器打开页面依然空白。 后续又安装了babel-preset-stage-2,调试了很久,结果依然不管用。后来我在webpack.base.conf.js文件中发现了一个babel-loader的配置,默认是没有绿圈中的配置的,这是后续加的,加上这个配置就好了,IE浏览器下就可以正常访问页面了。原...
解决vue-baidu-map在IE浏览器中不显示的问题
1、 安装babel-polyfill npm install --save babel-polyfill 2、 引入 2.1 import 'babel-polyfill' 2.2 require("babel-polyfill"); 2.3 用于使用webpack构建的项目,加入到webpack配置文件(webpack.config.js)entry项中重...
Angulr2+ 引入第三方库 以及 Angular中Markdown-It 在ie11下的兼容问题
Angular 第三方库标准引入方式 以markdown-it为例 下载依赖包 npm install --save markdown-it @types/makdown-it @types TS作为JS的超集自然可以使用用JS编写的各种库, 但是直接使用JS库那么TS一大优势: 强类型语言带来的代码智能提示这个功能就无法使用了。所以就出现了@Types这个项目。 @types将非TS编写的第三...
F12控制台输出“SCRIPT1006:缺少‘)’” 错误
    今天写<a>标签的onclick方法的时候发现控制台报出SCRIPT1006:缺少‘)’的错误,我开始还天真的以为哪里缺少了‘)’,然后查看整个页面,看完发现没问题.......emmm,换种思路,我发现只有在点击的时候控制台才会报错,说明就是<a>哪里写错了。于是仔细再看了一遍,如图:。发现是传参传的有问题,参数外面应该加‘’,结果如图:。       问题有点蠢...
react项目中解决IE浏览器下报Promise未定义的错误
yarn add babel-polyfill 或者 npm install babel-polyfill --save app.js中 import Promise from 'promise-polyfill'; // To add to window 解决promise 在ie中未定义的问题 if (!window.Promise) { window.Promise = Promis...
百度编辑器ueditor爬坑记-------ie下初始化报错
ueditor.all.js中有一个方法如下:         /**          * 渲染编辑器的DOM到指定容器          * @method render          * @param { Element } containerDom 直接指定容器对象          * @remind 执行该方法,会触发ready事件          * @warning 必...