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

这个问题通常是由于vue.config.js中的语法错误导致的。请确保在vue.config.js文件中，plugins选项使用正确的语法，如下所示：

module.exports = {
  // ...
  configureWebpack: {
    plugins: [
      // ...
    ]
  }
}

如果问题仍然存在，请检查您的vue-cli版本是否支持vue.config.js文件。如果您使用的是较旧的vue-cli版本，请尝试升级到最新版本。

相关问题

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

。这是因为在 Vue.js 的最新版本中，Vue CLI 3.x 不再支持 proxyTable 属性。取而代之的是使用 devServer.proxy 选项来配置代理。您可以在您的 vue.config.js 中添加以下选项来解决此问题：

module.exports = {
// ...
devServer: {
proxy: 'http://localhost:8080'
}
}

请将上面的代码中的 'http://localhost:8080' 替换为您需要代理的 API 地址。

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',
};