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、文件夹命名不能用汉字
分类:
兼容
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何打造一个高并发系统?
· .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 简明教程