Invalid options in vue.config.js: "resolve" is not allowed Process finished with exit code 1

在vue.config.js文件中，"resolve"选项不被允许。解决这个问题的方法是将"resolve"选项改为"chainWebpack"，并在其下面配置别名。具体代码如下：

module.exports = {
  chainWebpack: (config) => {
    // 配置别名
    config.resolve.alias
      .set('@', resolve('src'))
  }
}

相关问题

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` 选项，那么你需要检查一下该文件的语法是否正确，尤其是括号、引号等标点符号是否匹配。

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，可以继续使用它。