vue2.0项目在360兼容模式下打开空白

安装两个依赖环境

1
2
3
yarn add babel-polyfill -D
 
yarn add babel-preset-es2015 babel-cli -D

在main.js中引入babel-polyfill

1
import 'babel-polyfill'

在webpack.base.conf.js文件中做如下修改

1
2
3
entry:{
    app:['babel-polyfill','./src/main.js']
},

在项目根目录新建.babelrc文件夹,文件内容如下

{
  "presets": [
    "es2015",
    ["env", {
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  }
}

在使用360兼容模式打开,如果问题还没解决看下面

1、在index.html中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

2、在webpack.base.conf.js中添加

 static文件里面有我写入的其它js文件

3、文件夹命名不能用汉字

posted @   龙卷风吹毁停车场  阅读(2259)  评论(0编辑  收藏  举报
编辑推荐:
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp
· drools 规则引擎和 solon-flow 哪个好?solon-flow 简明教程
点击右上角即可分享
微信分享提示