无法将 React 16 应用程序部署到 Firebase 托管答案

【问题标题】：Impossible to deploy a React 16 app to Firebase hosting无法将 React 16 应用程序部署到 Firebase 托管
【发布时间】：2019-07-11 13:49:18
【问题描述】：

我已经在使用 Firebase 功能，所以我已经初始化了一个 Firebase 项目，并且一切都成功部署了。我使用 create-react-app 在 Firebase 项目目录中创建了一个 React 应用。

但现在我试图通过运行 firebase deploy 将整个东西部署到 Firebase Hosting，我遇到了以下错误：

$ firebase deploy

=== Deploying to 'approof-references-debug'...

i  deploying functions, hosting
Running command: npm --prefix $RESOURCE_DIR run lint

> functions@ lint /Users/sarbogast/dev/Derbigum/backend/functions
> tslint -p tslint.json


WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[12, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[13, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[14, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[15, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[17, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[18, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[19, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[20, 1]: import with explicit side-effect
WARNING: /Users/sarbogast/dev/Derbigum/backend/functions/src/index.ts[21, 1]: import with explicit side-effect

Running command: npm --prefix $RESOURCE_DIR run build

> functions@ build /Users/sarbogast/dev/Derbigum/backend/functions
> tsc

node_modules/firebase-functions/lib/function-builder.d.ts(60,95): error TS1005: ';' expected.
node_modules/firebase-functions/lib/function-builder.d.ts(60,96): error TS1003: Identifier expected.
node_modules/firebase-functions/lib/function-builder.d.ts(60,116): error TS1005: ';' expected.
../node_modules/@types/prop-types/index.d.ts(33,46): error TS1005: ';' expected.
../node_modules/@types/prop-types/index.d.ts(33,75): error TS1005: ';' expected.
...

我没有包括所有错误，但它们看起来都一样。知道可能出了什么问题吗？

【问题讨论】：

标签： reactjs firebase google-cloud-functions firebase-cli

【解决方案1】：

如果您在 package.json 中指定了，Firebase cli 可能会在部署前检查 lint 警告。

"lint": "./node_modules/.bin/eslint --max-warnings=0 .",

【讨论】：

在函数/package.json 中，我有以下脚本行： "lint": "./node_modules/.bin/tslint -p tslint.json" 在根 package.json 中，我没有这样的 lint 行，只有 "eslintConfig": { "extends": "react-app"},
删除“lint”脚本是否有效？（您应该修复警告。他们警告您是有原因的）
是的，但是为什么我在父模块中的依赖项的功能模块中有警告？另外，所有这些警告都在 React 和 prop-types 等库中。不是我可以自己修复这些错误。
另外，如果我完全删除 lint 脚本，以及从 firebase.json 运行 lint 的预部署命令，我仍然会收到相同的错误。所以这似乎不是一个 linting 问题：甚至 tsc 也抱怨这些库。我应该提一下，我的 firebase 函数是用 Typescript 编写的。
是的。我想我将不得不单独部署功能和托管