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