Vue.js项目部署到Firebase因ESLint报错失败，出现Unexpected token =>错误

问题根因 #

你遇到的报错是Firebase部署时触发functions独立目录的predeploy校验导致的，你之前调整的所有项目根目录的ESLint配置、依赖都和functions目录完全隔离，不会生效，这就是通用方案不匹配你场景的核心原因。

解决方案 #

方案一：修复functions目录ESLint配置（推荐） #

Firebase初始化functions时会默认生成独立的配置文件，和根目录Vue项目的配置互不干扰，按以下步骤调整即可：

• 进入项目下的functions目录，执行命令：cd functions
• 检查当前目录下的.eslintrc.js（或.eslintrc.json等格式的ESLint配置文件），确保包含以下配置：

module.exports = {
  env: {
    node: true,
    es2021: true
  },
  parserOptions: {
    ecmaVersion: 13
  }
}

• 如果functions目录下未安装ESLint依赖，执行安装命令：npm i eslint -D
• 本地校验functions代码是否正常：npm run lint，校验通过后回到根目录重新执行部署即可。

方案二：跳过functions预部署校验（应急用） #

如果暂时不需要对functions代码做ESLint校验，可以直接关闭predeploy检查：

• 打开项目根目录的firebase.json文件，找到functions配置段：

"functions": {
  "predeploy": [
    "npm --prefix \"$RESOURCE_DIR\" run lint"
  ]
}

• 删除或注释掉predeploy对应的配置行，保存后重新部署即可。

内容的提问来源于stack exchange，提问作者winfred adrah