资讯专栏INFORMATION COLUMN

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

Tony_Zby / 589人阅读

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

公司新开发的项目需要兼容到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

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

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

相关文章

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

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

    _Zhao 评论0 收藏0
  • 解决vue2.0IE览器白屏问题

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

    lijy91 评论0 收藏0
  • 踩坑--- 基于钉钉的Weex微应用开发起手式(其实写完发现变成Weex相关资料汇总了)

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

    zhouzhou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<