vue项目在IE11中一片空白,报错SCRPT1003,SCRIPT1006_ie11打开vue3白屏-程序员宅基地

技术标签: vue.js  javascript  

  • 公司项目用vue写需要兼容IE浏览器,我最近做的两个项目在IE11中都是一片空白,一个是用webpack初始化的,另一个使用vue脚手架初始化的。
  • 1、用webpack初始化的这个项目在IE打开一片空白,且中报错如下图:
    在这里插入图片描述
    一般情况下IE浏览器打开页面空白是js没有加载成功,报错 script1003,根据报错信息定位到是封装的一个组件直接引用了element依赖的ji,而在打包的时候报node_modules的element的js是忽略的,默认下载的是转了ES5后的。
  • 方法1:可以在webpack配置中把报错的js文件再次转ES5。
 rules: [
      {
    
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
    
        test: /\.js$/,
        loader: 'babel-loader',
        include: [    
          resolve('src'),
          resolve('test'),
          resolve('node_modules/webpack-dev-server/client'),
          resolve('node_modules/element-ui/src'),
          //在这里加上需要转义的js文件,也就是报错的js文件
          resolve('static'),
        ],
        // exclude: /node_modules/
      },
  • 方法2:有可能用了方法1之后还是要报错,简单粗暴的解决方案就是直接重新写这个组件,不去用依赖包里面的js。
  • 2、用vue脚手架初始化的项目IE11打开一片空白,且报错SCRIPT:1006,这个根据报错信息也是定位到某个js文件,我项目中报错的这个js文件是下载的插件,这时候修改打包配置,亲测有效。
  • 在vue.config.js中
    在这里插入图片描述
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/organ_sweet/article/details/120226109

智能推荐

大事务拆分项目应用及系统异步化处理-再看分布式事务_大事务改小事务,-程序员宅基地

文章浏览阅读3.3k次,点赞4次,收藏7次。Case1一、交易还款业务大事务废话不多说,直接一个金融还款业务创建交易账单case,还款逻辑如下:1、用户点击还款,发起还款请求2、服务端接收还款请求,进行还款计划查询校验3、进行其他还款验证4、返回用户还款计划,用户接收后,执行还款(调用支付网关等)5、支付网关通知交易还款结果成功与否6、交易更新还款账单状态整个交易还款操作毋庸置疑,必须保证事务一致性,故上述6步操作均包裹在一个大事务中进行。..._大事务改小事务,

Vue开源项目汇总(史上最全)_vue项目-程序员宅基地

文章浏览阅读7.4w次,点赞108次,收藏1.1k次。转自:https://blog.csdn.net/aaronzzq/article/details/80936708目录UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuej..._vue项目

POJ 1651 Multiplication Puzzle (区间dp)-程序员宅基地

文章浏览阅读40次。题目大意:对n个数组成的序列取数,规定最两边不能取,每次取一个a[i],得到 a[l] * a[i] * a[r] 的分数(a[l]是a[i]左边的数,a[r]是a[i]右边的数),并把这个数从序列中移走,求n-2次取数后的得分和的最小值分析:正着确定状态不好做,不如反着来,设dp[l][r]为向区间[l, r]中填满数所得到分数和的最小值,考虑最近一次填数的位置,不难得出:dp...

ASP.NET 2.0 创建母版页引来的麻烦-程序员宅基地

文章浏览阅读46次。本文将为大家介绍一下 ASP.NET 2.0 在创建母版页时引来的麻烦,并分析了问题产生的实质,大家在实际操作中多多注意一下。   一、问题提出  由于总体排版和设计的需要,我们往往创建母版页来实现整个网站的统一性,最近我由于统一性的需要,把原来整个项目单独的页面全部套用了母版页。但是出现了一个错误……在我的Blog中记录一下,方便大家参考。  二、 抽象模型  由于整个...

java怎么重新开始游戏_添加开始,停止,重置按钮到简单的Java游戏-程序员宅基地

文章浏览阅读2.7k次。我是一名新编码员 . 我无法为我正在处理的这段示例代码添加一个启动和停止按钮 . 我敢肯定我必须在游戏课上混淆 Thread.sleep(10); . 该代码在程序运行时启动游戏 . 有没有办法我可以添加启动按钮来启动线程 . 我已经创建了j按钮 . 谢谢 .游戏类import java.awt.Graphics;import java.awt.Graphics2D;import java.aw..._java中当游戏结束时,当按下键盘上的数字0键,使游戏重启。(按键0的code为:keyevent

Fedora17 用户指南(转)-程序员宅基地

文章浏览阅读89次。一、安装事宜#1,Fedora17下载点击进入下载:clickhere。#2,如果使用U盘来安装,Linux下推荐工具Unetbootinsudoapt-getinstallunetbootin或使用Ubuntu系统自带的“启动磁盘创建器”(usb-creator-gtk/kde)都可以。安装方法百度一下二、系统基本配置#1,su刚刚安装完毕的..._clickhere官网下载

随便推点

基于微信民宿酒店预订小程序毕业设计成品作品(6)毕业设计论文模版_民宿预订小程序毕业论文-程序员宅基地

文章浏览阅读195次。Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,程序员宅基地专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等。_民宿预订小程序毕业论文

HihoCoder 1270 建造基地(完全背包)_1270 : 建造基地-程序员宅基地

文章浏览阅读658次。题意: 中文题目不再赘述中文题目不再赘述分析: 由于金属可以多用,完全背包的模型啦由于金属可以多用, 完全背包的模型啦 不过需要注意的是,由于可以溢出,所以把这部分的答案特判下不过需要注意的是, 由于可以溢出, 所以把这部分的答案特判下 然后搞就行了然后搞就行了代码://// Created by TaoSama on 2016-03-06// Copyright (_1270 : 建造基地

java计算机毕业设计高校实验室管理信息系统(附源码+springboot+开题+论文+部署)-程序员宅基地

文章浏览阅读471次,点赞23次,收藏5次。因此,构建一套高效、便捷的高校实验室管理信息系统,实现实验室资源的优化配置和管理的现代化,成为当前高校实验室管理面临的重要课题。本研究旨在开发一套符合高校实验室管理实际需求的信息系统,通过整合学生、教师、实验课表、实验室、设备等多方面的信息,实现实验室资源的全面管理和优化配置。通过信息系统的应用,可以实现实验室资源的数字化管理,方便教师和学生随时查询和预约实验资源,提高资源的利用率。其次,通过系统的应用,将显著提高实验室管理的效率和水平,优化教学资源的配置和利用,提高实验教学质量和科研创新能力。

python创建excel、并保存_用python在excel中创建和保存数据新表-程序员宅基地

文章浏览阅读635次。我是一个绝对的初学者,在下面的代码中我已经使用了pivot表,现在我想将pivot表存储在不同的表中(例如:“sheet 2”和“sheet 3”)。如何创建新工作表并在其中保存数据。有没有可能把整个工作都保存在令人兴奋的工作表中(在我的例子中是“分层”)_工作表.xlxs) _并_可_通过_MS_Excel_查看_ ? ?_在#importing pandasimport pandas as p..._python pivot.table后保存

walsh-Hadamard变换_沃尔什哈达玛变换-程序员宅基地

文章浏览阅读1.1w次。简介:阿达马变换(Hadamard transform),或称沃尔什-阿达玛转换,是一种广义傅立叶变换(Fourier transforms),作为变换编码的一种在视频编码当中使用有很久的历史。在近来的视频编码标准中,阿达马变换多被用来计算SATD(一种视频残差信号大小的衡量)。在数位信号处理大型集成电路算法的领域中,阿达马变换是一种简单且重要的算法之一,主要能针对频谱做快速的_沃尔什哈达玛变换

Centos7.5安装mysql5.7.24二进制包方式部署-程序员宅基地

文章浏览阅读169次。一、环境准备:操作系统:CentOS Linux release 7.5.1804 (Core) mysql版本:mysql-5.7.24-linux-glibc2.12-x86_64.tar.gzIP:172.16.8.247二、mysql5.7二进制安装1、安装依赖包yum -y install libaio2、安装mysql软件下载软件包:https://cdn.mysql.co..._centos系统mysql5.7.24安装包

推荐文章

热门文章

相关标签