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

这个错误通常是因为你在 `vue.config.js` 文件中使用了不被允许的选项。`output` 是 webpack 的配置选项之一，但是在 `vue.config.js` 中不允许直接设置这个选项。如果你需要修改 webpack 的输出配置，可以使用 `configureWebpack` 选项，例如：

module.exports = {
  configureWebpack: {
    output: {
      // webpack 输出配置
    }
  }
}

另外，如果你只是想修改 webpack 的输出路径，可以使用 `outputDir` 选项：

module.exports = {
  outputDir: 'dist/my-app'
}

这会将 webpack 输出的文件放在 `dist/my-app` 目录下。

相关问题

Invalid options in vue.config.js: css.requireModuleExtension is not allowed

这个错误是因为在 Vue CLI 4 中，`css.requireModuleExtension` 被移除了，改为在 `vue.config.js` 中使用 `css.modules` 选项来启用 CSS 模块化。如果你想开启 CSS 模块化，可以在 `vue.config.js` 文件中添加以下代码：

module.exports = {
  css: {
    requireModuleExtension: true,
    modules: true
  }
}

如果你不想使用 CSS 模块化，则可以将 `requireModuleExtension` 选项设置为 `false`，如下所示：

module.exports = {
  css: {
    requireModuleExtension: false
  }
}

在 Vue CLI 3 中，`css.requireModuleExtension` 仍然可用。如果你正在使用 Vue CLI 3，可以继续使用它。

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

这个错误提示说明在你的 `vue.config.js` 文件中使用了不允许的选项 `resolve`。这可能是因为你使用了一个旧版本的 Vue CLI 或者是你的配置文件有语法错误。

在新版的 Vue CLI 中，`resolve` 选项已经被移除了。如果你想配置模块解析规则，可以使用 `configureWebpack` 选项：

module.exports = {
  configureWebpack: {
    resolve: {
      extensions: ['.js', '.vue', '.json'],
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    }
  }
}

如果你使用的是旧版本的 Vue CLI，你可以尝试把 `resolve` 选项放在 `chainWebpack` 中：

module.exports = {
  chainWebpack: config => {
    config.resolve.extensions
      .add('.js')
      .add('.vue')
      .add('.json')

    config.resolve.alias
      .set('@', path.resolve(__dirname, 'src'))
  }
}

如果你的配置文件中没有使用 `resolve` 选项，那么你需要检查一下该文件的语法是否正确，尤其是括号、引号等标点符号是否匹配。