买个萝卜 2019-12-16 18:13 采纳率: 0%
浏览 1995

Vue项目兼容IE浏览器 使用babel-preset-env后依然无效

如题,使用babel-preset-env配置后 进行 run build 打包编译,打包后的代码 如 箭头函数,let 依然没有转为ES5语法,导致IE浏览器报错

报错如图(IE10):

图片说明
图片说明

以下是babel-preset-env相关配置:

//babel.config.js:

const plugins = [];
if (['production', 'prod'].includes(process.env.NODE_ENV)) {
    plugins.push("transform-remove-console")
}

module.exports = {
    presets: [
        [
            "@vue/app",
            {
                "useBuiltIns": "entry",
                polyfills: [
                    'es6.promise',
                    'es6.symbol'
                ]
            }
        ]
    ],
    plugins: plugins
};

//.babelrc

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime"
  ]
}

//Vue.config.js

module.exports = {
    transpileDependencies: ['webpack-dev-server/client'],
    publicPath: process.env.NODE_ENV === 'production' ? '/cdss/' : '/',
    outputDir: 'cdss',
    assetsDir: 'static',
    chainWebpack: config => {
        config.entry.app = ['babel-polyfill', './src/main.js'];
    }
};

//main.js

import '@babel/polyfill'; //第一行
import Es6Promise from 'es6-promise'
Es6Promise.polyfill();
//...其他常规配置

//package.json

//...其他常规配置
"browserslist": [
    "> 1%",
    "last 2 versions",
    "ie <=8"
  ]

难道是哪儿配置有问题吗?怎么改都不行

这是我看的教程帖.

  • 写回答

1条回答

  • 欧阳筱苒 2019-12-17 14:46
    关注

    不要用es6语法,所有不被打包的代码都改成 es5

    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题