问答

vue项目IOS9项目白屏!vue报错::ES6转码ES5失败,

作者:admin 2021-09-08 我要评论

线上vue项目在其他手机开打一切正常,但是在ios9.3报错:SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode! 查了...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

线上vue项目在其他手机开打一切正常,但是在ios9.3报错:SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode!

查了一些资料说是因为ios9.3不支持es6语法

一顿操作猛如虎,一看操作还是失败

1)webpack-dev-server回滚到了2.7.1

2)安装了babel-preset-es2015 babel-preset-es2015

main.js也引入了import 'babel-polyfill'和import 'es6-promise/auto'

但是打包之后在dist文件夹下所搜还是能查到const和let,项目在ios9.3还是报错!!说明es6没有成功转成es5!!

请问各位大神有什么办法?

网上找了很多种方法都失败!!!

这个问题搞了我两天了!!!

为什么es6转es5失败?
babelrc文件.pngconfig下的indexjs文件.pngmain文件.pngpackage文件.pngwebpack.base.conf文件.png

###

我也遇到过类似的问题,但是忘了怎么解决的了,说下我现在的配置:

//  package.json
{
//  ... 其他配置不列出来了
  "browserslist": [
    "defaults",
    "not ie < 11",
    "last 2 versions",
    "> 1%",
    "iOS 7",
    "last 3 iOS versions"
  ],
  "babel": {
    "presets": [
      "env"
    ],
    "plugins": [
      [
        "transform-runtime"
      ]
    ]
  }
}

// webpack.common.js
// 一条 rule
    {
        test: /\.js$/i,
        exclude: /(node_modules|brower_components)/,
        loader: 'babel-loader'
    }

我没有写 .babelrc,根据官网的说法,在 package.json 里写也是等价的。
最大的嫌疑是 browsersList

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue项目IOS9项目白屏!vue报错::ES6转

    vue项目IOS9项目白屏!vue报错::ES6转

  • idea输入中文时会乱码,试了很多方法都

    idea输入中文时会乱码,试了很多方法都

  • Vue-cli UI界面中插件和依赖的区别是什

    Vue-cli UI界面中插件和依赖的区别是什

  • vue $scopedSlots要怎么使用

    vue $scopedSlots要怎么使用

腾讯云代理商
海外云服务器