Invalid options in vue.config.js: "module" is not allowed

这个错误可能是因为在你的vue.config.js文件中，使用了一个不支持的选项"module"。这个选项在Vue CLI 3.x版本中已经被废弃，所以需要移除该选项。

你可以尝试使用如下代码移除该选项：

module.exports = {
  //...
  configureWebpack: {
    //...
  }
}

如果你还在使用Vue CLI 2.x版本，那么可以在vue.config.js文件中使用"module"选项。

相关问题

Invalid options in vue.config.js: "entry" is not allowed怎么解决？

当你看到 Vue 项目中的 `vue.config.js` 文件报错 "Invalid options in vue.config.js: 'entry' is not allowed"，这是因为 Vue CLI（命令行界面）的最新版本已经移除了直接配置 `entry` （入口点）这一选项，它现在推荐使用 `configureWebpack` 或者 `chainWebpack` 配置。

这个错误提示表示你试图手动设置了 `entry` 属性，这在新版本中不再被支持。解决这个问题的方法通常是：

1. **删除无效的 entry 配置**：
找到包含 `entry` 的部分并将其删除，Vue CLI 会自动处理默认的入口文件配置。

// 删除这行
// config.entry = {
//   app: './src/main.js'
// };

2. **使用 configureWebpack 或 chainWebpack 替代**：
如果你需要自定义 Webpack 配置，可以创建一个函数并在 `vue.config.js` 中设置。例如：

module.exports = {
  configureWebpack: (config) => {
    // 添加或修改 Webpack 配置
    config.entry = { ...config.entry, main: './src/main.js' };
  },
};

或者

// 在 chainWebpack 中进行配置
const webpackConfig = module.exports.webpack;
webpackConfig.optimization入口 chunks 移动到顶部;
webpackConfig.entry = {
  app: './src/main.js',
};

Invalid options in vue.config.js: "devtool" is not allowed

这个错误通常出现在 `vue.config.js` 文件中使用了不被允许的选项，比如 `devtool`。这个问题的解决方法是查找并删除 `vue.config.js` 文件中不被允许的选项。

Vue CLI 4 以及更新版本中，`devtool` 选项已经被废弃，应该使用 `configureWebpack` 选项来配置 Webpack。如果你想配置 `devtool`，应该这样做：

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

如果你使用的是 Vue CLI 3 或者更早版本，你可以在 `vue.config.js` 文件中这样配置：

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

如果你已经删除了 `vue.config.js` 文件中的 `devtool` 选项，但是仍然出现这个错误，那么可能是因为其他选项也不被允许。你可以查看错误信息中提到的选项名字并进行相应的修改。