Vue CLI V3.x 浏览器兼容

Question

Vue CLI 在 搜狗、IE11 浏览器中报错

错误信息为:

Uncaught SyntaxError: Unexpected token ...

这里是不是 babel 配置问题？默认的 babel.config.js 里配置文件内容为

module.exports = {
  presets: [
    '@vue/app'
  ]
}

请问我怎么解决这个问题？ babel.config.js 具体怎么配置？

Answer 1

• 主要原因是 ES6 转 ES5造成的，node_modules 下的新版本 webpack-dev-server/client 不兼容

• 解决方法：vue.config.js 中添加

  module.exports = {
    transpileDependencies: [
      'webpack-dev-server/client',
    ],
  }

• 如果是 vue-cli2:在build/webpack.base.conf.js 中 添加

    {
      test: /\.js$/,
      loader: 'babel-loader?cacheDirectory',
      include: [
        resolve('src'),
        resolve('test'),
        resolve('node_modules/webpack-dev-server/client')
      ]
    },

Answer 2

Answer 3

你好我想问下你，这个问题最后怎么解决的