解决vue2.0下IE浏览器白屏问题

lijy91 发布于2019-08-23 11:57 / 3335人阅读

摘要：公司新开发的项目需要兼容到就在页面加入不起作用总结方法兼容可能会遇到语法或者错误，安装在页面入口配置中引入解决编译错误重要重新安装一下如果有淘宝镜像也可使用修改下安装根目录下新建以上操作完成后运行

公司新开发的项目需要兼容到IE9+

就在index.html页面加入

不起作用

总结方法：

兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill

npm install babel-polyfill

在页面入口配置main.js中引入 babel-polyfill

import("babel-polyfill")

解决编译错误----重要

重新安装一下webpack-dev-server
npm install webpack-dev-server@2.6.1 如果有淘宝镜像也可使用 cnpm

修改 build/webpack.base.conf.js下

app:["babel-polyfill","./src/main.js"]

安装babel-preset-es2015-ie

根目录下新建.babelrc

{
  "presets": [
    
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

以上操作完成后运行

npm run dev

GPU云服务器云服务器多浏览器下IE6 vue2.0 cdn webrtc浏览器白屏 ie下打开对话窗口

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97720.html

解决vue2.0下IE浏览器白屏问题

摘要：公司新开发的项目需要兼容到就在页面加入不起作用总结方法兼容可能会遇到语法或者错误，安装在页面入口配置中引入解决编译错误重要重新安装一下如果有淘宝镜像也可使用修改下安装根目录下新建以上操作完成后运行公司新开发的项目需要兼容到IE9+ 就在index.html页面加入不起作用总结方法：兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill...

_Zhao 2019-08-02 16:05 评论0 收藏0
解决vue2.0下IE浏览器白屏问题

摘要：公司新开发的项目需要兼容到就在页面加入不起作用总结方法兼容可能会遇到语法或者错误，安装在页面入口配置中引入解决编译错误重要重新安装一下如果有淘宝镜像也可使用修改下安装根目录下新建以上操作完成后运行公司新开发的项目需要兼容到IE9+ 就在index.html页面加入不起作用总结方法：兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill...

Tony_Zby 2019-08-29 16:43 评论0 收藏0
踩坑--- 基于钉钉的Weex微应用开发起手式（其实写完发现变成Weex相关资料汇总了）

摘要：问题，你可以在中文讨论板块提交问题，地址。文字展现必须使用标签关于端的点透事件需要在上层视图上加上，如果上层视图有事件，多加一个中间层，把加在空事件视图上关于事件注意仅支持和，暂不支持。事件会在页面就要关闭时被触发。好吧，我知道你来看这个文章，一定是遇到坑了,所以，把这几个放在最开始吧现在，如果你的团队的技术栈是react，请尝试这个吧,跟react很像，如果你的团队一直使用rea...

zhouzhou 2019-08-23 10:51 评论0 收藏0