Vue.js应用部署Firebase时出现Parsing error: Unexpected token =>错误

问题根源 #

你修改的是Vue前端项目根目录的ESLint配置，本次部署报错触发自Cloud Functions的预部署检查阶段：functions目录是独立的Node.js项目，自带专属的ESLint配置、依赖包，根目录的配置不会作用到functions内的代码，导致ESLint无法识别async箭头函数语法，抛出异常。

解决步骤 #

1. 进入项目下的functions目录

cd functions

2. 检查该目录下的.eslintrc.js文件（如果不存在就新建），替换为以下配置：

module.exports = {
  root: true,
  env: {
    node: true,
    es6: true
  },
  parserOptions: {
    ecmaVersion: 2017
  },
  rules: {
    "no-console": "off"
  }
};

3. （可选）如果functions目录下的package.json缺少Node版本声明，可以补充配置确保运行环境兼容：

{
  "engines": {
    "node": "16"
  }
}

4. 回到项目根目录重新执行部署命令即可

firebase deploy

临时替代方案 #

如果不需要对Functions代码做Lint检查，可以修改项目根目录的firebase.json，注释掉Functions的预部署Lint钩子，跳过检查直接部署：

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

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