vue cli4 使用360兼容模式和IE11页面空白报 SCRIPT1002:语法错误

在网上找了很多方法去解决,都不行,最后在崩溃的边缘成功了,在此总结记录一下。

第一步,vue cli4会自带core-js依赖,可以在package.json中查看是否有依赖,有的话直接在main.js中引入这两个。

//main.js文件
import 'core-js/stable'
import 'regenerator-runtime/runtime'

第二步,在babel.config.js中写入如下,注意cli4必须写@vue/cli-plugin-babel/preset。cli3写的是@vue/app(我在这个上边栽过)

//babel.config.js
module.exports = {
  presets: [
    [
      "@vue/cli-plugin-babel/preset",
      {useBuiltIns: "entry"}
    ]
  ]
}

加入后再次运行项目,看页面上报的是哪个错,在当前错误提示的末尾找到错误对应的包名(不是整个界面的最后一行),然后将transpileDependencies:['vuex-persist']写入vue.config.js的module.exports中(我这是vuex-persist报错),再次测试,如果还有包报错,继续添加包名到transpileDependencies中

//vue.config.js
transpileDependencies:['vuex-persist'],

 

添加完后,重启项目,页面访问,它不白了,它终于好了,啦~

保持心态,勇敢牛牛,不怕困难! 

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值