vue项目在IE上显示空白 报错SCRIPT1006: 缺少 ')'

最新推荐文章于 2023-12-28 11:16:41 发布
最新推荐文章于 2023-12-28 11:16:41 发布
阅读量1w 收藏 19
点赞数 5
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/z1832729975/article/details/103120872
版权

文章目录

vue项目在ie中不能显示，一直报错，根据网上教程安装了babel-polyfill，可还是不行，本文教你如何解决该问题

1.项目中安装babel-polyfill，进行配置

如果你已经配置了可以跳过该步骤

  1. 安装: npm instatll babel-polyfill --save
  2. 在 webpack.base.conf.js 中找到 入口 entry,
    module.exports = {
     
  // ...
  entry: {
     
    app: './src/main.js'
  },
  // ...
    替换为
    3. 


                

                
                
        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    



                



	

		

			

				
					
ie8兼容性ie8缺少SCRIPT1010: 缺少标识符

				
			

			

				

					kerryqpw的博客
				

				

					04-02
					
					3819
					
				

			

		

		

			
				
ie8兼容性ie8缺少SCRIPT1010: 缺少标识符



SCRIPT1010: 缺少标识符 ，一般是在IE下会出现这个问题。

今天在调试一段js代码时，在chrome，ff下均正常，但是在IE下就是一直这样的提示，出现这个问题的原因主要有以下几点：



1、出现了多余的逗号：","

2、使用了js中保留的关键词，如： default, delete 等

3、ie8下不支持tr...

			
		

	



                

            
              



	

		

			

				
					
VUE项目之IE白屏

				
			

			

				

					qq_42122531的博客
				

				

					12-27
					
					2896
					
				

			

		

		

			
				
项目场景：

vue项目需要在谷歌火狐ie11兼容

问题描述：

vue项目在谷歌火狐正常，在ie11白屏


chunk-vendors.js报错，app.js报错 

原因分析：

1、chunk-vendors.js报错，错误的来源在node_modules里的文件里，所以应该是依赖包的兼容问题

2、app.js报错，定义在编译代码上的问题

解决方案：

1.chunk-vendors.js:

通过网上各种百度，找到了一些比较合理的解决方案，我们可以根据报错定位到该node_modules，里

			
		

	



              


  
              

                


	

		

			

				
					
【踩坑日记】vue项目ie打不开报错SCRIPT1006:缺少‘)‘

				
			

			

				

					qq_43685399的博客
				

				

					08-29
					
					1632
					
				

			

		

		

			
				
vue项目ie打不开报错SCRIPT1006:缺少‘)‘

			
		

	





	

		

			

				
					
ie SCRIPT1006: 缺少 ')'

				
			

			

				

					u014636613的博客
				

				

					09-20
					
					8464
					
				

			

		

		

			
				
ie不支持ES6默认入参写法：
function (page=1) {

}

修改为：
function (page) {
    var page=page||1;
}




			
		

	



		

			
		



	

		

			

				
					
IE 提示 SCRIPT1006: 缺少 ‘)‘

				
			

			

				

					weixin_44215595的博客
				

				

					03-29
					
					5601
					
				

			

		

		

			
				
测兼容性的时候，使用Ie浏览器，发现控制台提示
SCRIPT1006: 缺少 ‘)’
以为自己哪里符号漏了，找了半天没发现错误。别的浏览器也都显示正常。
原因 页面上用了ES6 默认参数的写法，IE并不支持
原写法：
	example: function (a=2) {
            
    }

修改为
	example: function (a) {
  		a=a||2;
   ...

			
		

	





	

		

			

				
					
兼容IE系统，报错SCRIPT1006: 缺少 ‘)‘

				
			

			

				

					qq_57260058的博客
				

				

					05-17
					
					1615
					
				

			

		

		

			
				
系统使用IE系统打开报错截图：



第一步：使用npm安装babel-polyfill 依赖


npm install --sava babel-polyfill

npm install --sava babel-polyfill

然后，在main.js文件中引入：import 'babel-polyfill '

第二步：安装resize-detector：npm install resize-detector --save


npm install resize-detector --save

			
		

	





	

		

			

				
					
Vue项目下IE报错 SCRIPT1003: 缺少 ‘:‘，导致页面空白的解决方案

				
			

			

				

					u012396616的博客
				

				

					09-15
					
					4581
					
				

			

		

		

			
				
❝
今年年初加入了物资团队，遇到的第一个问题就是解决IE的兼容性问题。
❞
1 现象
当时的情况是IE浏览器在登录系统时，登录页无法加载，页面显示空白，所以也无法访问系统里的其他页面。
2 查看报错
在IE浏览器中输入系统网址，打开控制台，发现有这样的报错：SCRIPT1003: 缺少 ':'

第一个想法就是需要对webpack进行一些兼容性配置，于是小编低下头默默的先进行了一通通用配置操作。
3 进行通用兼容性配置
由于本系统前端框架用到的脚手架是3.x版本，因此得针对cli3来进行配置。
3.1 对v

			
		

	





	

		

			

				
					
Vue 2.0在IE11中打开项目页面空白的问题解决

				
			

			

				

					12-09
				

			

		

		

			
				
总结来说，当Vue 2.0项目在IE11中显示空白时，通常是由于浏览器不支持某些新JavaScript API导致的。解决这个问题的关键是理解Babel的转换限制，并通过引入`babel-polyfill`来提供缺失的API实现。遵循上述步骤，你就...

			
		

	





	

		

			

				
					
详解vue 兼容IE报错解决方案

				
			

			

				

					01-19
				

			

		

		

			
				
IE 页面空白 报错信息   此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法（如箭头函数），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象...

			
		

	





	

		

			

				
					
vue项目打包后在ie报SCRIPT1006：缺少 ‘)‘

				
			

			

				

					u010227042的博客
				

				

					08-20
					
					2020
					
				

			

		

		

			
				
首先吐槽下公司项目，居然要兼容ie，还是vue



文章重点不在于解决方案，在于记录我的心历路程，当然解决方案也是有的。

打包好上测试环境一到ie上面打开，切换路由的时候切不了报错





开始疯狂寻找Loading chunk chunk-1361b91d failed.的原因，折磨了我半天，是的，半天！！！！对不起，我是个辣鸡前端。


此路不通，我就换了个方式，点进去看了一下报错文件的报错位置，居然还有es6的语法，函数传参内给个默认值。






我：？？？？？？？？？？？？
我就去百度..

			
		

	





	

		

			

				
					
IE 报 SCRIPT1006: 缺少 ‘)‘,解决方法

				
			

			

				

					linzhongxunfeng的博客
				

				

					03-31
					
					2459
					
				

			

		

		

			
				
IE 报 SCRIPT1006: 缺少 ‘)‘,解决方法

			
		

	





	

		

			

				
					
vue运行在IE浏览器空白报错SCRIPT1006: 缺少‘)‘ -【vue兼容IE篇】

				
			

			

				

					cc蒲公英的博客
				

				

					08-04
					
					825
					
				

			

		

		

			
				
vue运行在IE浏览器空白报错SCRIPT1006: 缺少‘)‘ -【vue兼容IE篇】

			
		

	





	

		

			

				
					
vue项目在IE11中一片空白，报错SCRPT1003，SCRIPT1006

				
			

			

				

					chunchun_H
				

				

					09-10
					
					795
					
				

			

		

		

			
				
公司项目用vue写需要兼容IE浏览器，我最近做的两个项目在IE11中都是一片空白，一个是用webpack初始化的，另一个使用vue脚手架初始化的。
1、用webpack初始化的这个项目在IE打开一片空白，且中报错如下图：

一般情况下IE浏览器打开页面空白是js没有加载成功，报错 script1003，根据报错信息定位到是封装的一个组件直接引用了element依赖的ji，而在打包的时候报node_modules的element的js是忽略的，默认下载的是转了ES5后的。
方法1：可以在webpack配置中.

			
		

	





	

		

			

				
					
解决：Vue2项目兼容IE，页面出现白屏

					
最新发布

				
			

			

				

					枯萎花一朵
				

				

					12-28
					
					1174
					
				

			

		

		

			
				
Vue2项目兼容IE，页面出现白屏

			
		

	





	

		

			

				
					
旧版本的IE浏览器上，Vue2可能会出现白屏或不兼容的问题

				
			

			

				

					qq_45496282的博客
				

				

					08-22
					
					890
					
				

			

		

		

			
				
如果以上方法都无法解决问题，可以考虑使用Vue的官方插件vue-cli-plugin-ie，该插件可以自动处理IE浏览器的兼容性问题。使用Babel进行转译：使用Babel将Vue的代码转换为兼容旧版浏览器的语法和特性，确保代码可以正常运行。在部分旧版本的IE浏览器上，Vue2可能会出现白屏或不兼容的问题。避免使用不支持的特性：在编写代码时，尽量避免使用不被旧版本浏览器支持的特性，或者提供适当的备用方案。检查Vue的版本：确保使用的是最新版本的Vue，因为Vue团队会不断优化和修复兼容性问题。

			
		

	





	

		

			

				
					
vue在IE模式下白屏

				
			

			

				

					lisijienumber的博客
				

				

					11-17
					
					1384
					
				

			

		

		

			
				
如上图，在IE模式下打开控制台报错。个人解决步骤如下：

第一步，解决 SCRIP1002：语法错误


	安装Babel-polyfill

	
	npm install Babel-polyfill --save-dev
	
	
	
	在main.js中引入

	
	import "Babel-polyfill"
	
	
	
	修改webpack.base.conf.js文件，添加'Babel-polyfill'

	
	
	
	重新编译运行，大部分情况下解决问题。不幸的是，我还是出问题了，运行出

			
		

	





	

		

			

				
					
导致vue2 项目在ie浏览器中白屏的原因，及ie 不兼容的工具总结

				
			

			

				

					qq_39877681的博客
				

				

					09-11
					
					933
					
				

			

		

		

			
				
导致vue2 项目在ie浏览器中白屏的原因，及ie 不兼容的工具总结

			
		

	





	

		

			

				
					
vue2,vue-cli3兼容ie11 白屏问题

				
			

			

				

					faker____的博客
				

				

					02-06
					
					522
					
				

			

		

		

			
				
解决方法：npm i url-search-params-polyfill，在main.js上面import 'url-search-params-polyfill'解决方法：npm i babel-polyfill  -D 在main.js最上面import 'babel-polyfill'引入。解决方法：package.json中的sockjs-client包或者package-lock.json中的版本高或者低，npm i sockjs-client@1.5.1 -D，使用1.5.1这个版本。

			
		

	





	

		

			

				
					
VUE2.0项目在ie中打开后页面空白的问题

				
			

			

				

					qq_40652539的博客
				

				

					12-06
					
					1439
					
				

			

		

		

			
				
报错如下：

原因：
Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 14

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值