使用vue-cli4创建的项目，打包时提示:Invalid options in vue.config.js: "module" is not allowed

Question

我是用vue-cli4创建的项目。
在vue.config.js中配置如下：

本来没有添加module模块时是可以打包的，一旦添加了module模块，就会提示错误：
Invalid options in vue.config.js: “module” is not allowed
报错截图如下：

之所以添加module中的配置项，是希望使用babel来对ES6代码转化成ES5代码。

babel.config.js文件的配置没有动过，如下：

想问下这个是哪里出错了么？ 在线等，挺急的

Answer 1

提问者 愤怒的米饭 2022-01-09 12:21:42

配置图片如下： 

Answer 2

Dell 2022-01-09 10:53:53

这可能是因为新版本脚手架的配置项不支持module的写法，换了语法，建议你查一下 vueCli 4 的文档，查一下配置就可以找到问题了。

• 提问者 愤怒的米饭 #1

  我自己查询了vue-cli和babel的官方文档，按照官方文档中的方式写了配置，虽然不报错了，但是无法实现兼容ie浏览器，ie还是报错。
  配置方式如下：
    chainWebpack: config => {
      config.module.rule('es5_js')
        .test(/\.js$/)
        .use('babel-loader')
        .loader('babel-loader')
        .options({
          presets: [
            ['@babel/preset-env', { modules: false }]
          ]
        }).end()
    },
  dell老师能帮我一下么？

• Dell 回复 提问者 愤怒的米饭 #2

  先确认下你 IE 是哪个版本？