Cloud Functions for Firebase 使用 es6 import 语句

Question

有没有办法在 Cloud Functions for Firebase 中使用 es6 语法？

import functions from 'firebase-functions';

export const helloWorld = functions.https.onRequest((request, response) => {
 response.send("Hello from Firebase!");
})

失败于：

SyntaxError: Unexpected token import

Answer 1

简短的回答是，不，您还不能这样做。它与 Cloud Functions 没有任何关系。它与节点有关。如果您使用命令 node index.js 将节点指向您的 index.js，您将看到完全相同的错误。

关于为什么这是一个复杂问题的长答案已经在一些博客中进行了讨论，例如 here and here。

编辑：firebase CLI now supports projects using TypeScript，可让您访问 ES7 语法。它会自动将其编译为 ES6 以部署到 Cloud Functions。

Answer 2

啊，我明白了。要使用 import 和 const 等 ES6 功能，甚至 await 和 async 等 ES7 功能，请通过将 index.js 重命名为 [=] 使用 Typescript 18=].

这是我的 index.ts:

import * as functions from 'firebase-functions';

export const helloWorld = functions.https.onRequest((req, resp) => {
 resp.send("Hello from Firebase!");
});

Atom 还提示我生成一个 functions/tsconfig.json 文件。我不确定这是否必要，但生成的内容如下：

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "moduleResolution": "node",
        "isolatedModules": false,
        "jsx": "react",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "declaration": false,
        "noImplicitAny": false,
        "noImplicitUseStrict": false,
        "removeComments": true,
        "noLib": false,
        "preserveConstEnums": true,
        "suppressImplicitAnyIndexErrors": true,
        "lib": ["es2015", "es2015.promise"]
    },
    "exclude": [
        "node_modules",
        "typings/browser",
        "typings/browser.d.ts"
    ],
    "compileOnSave": true,
    "buildOnSave": false,
    "atom": {
        "rewriteTsconfig": false
    }
}

这是 firebase deploy --only functions 生成的输出：

=== Deploying to 'PROJECTNAME'...

i  deploying functions
i  functions: ensuring necessary APIs are enabled...
i  runtimeconfig: ensuring necessary APIs are enabled...
✔  runtimeconfig: all necessary APIs are enabled
✔  functions: all necessary APIs are enabled
i  functions: preparing functions directory for uploading...
i  functions: packaged functions (1.53 KB) for uploading
✔  functions: functions folder uploaded successfully
i  starting release process (may take several minutes)...
i  functions: creating function helloWorld...
✔  functions[helloWorld]: Successful create operation.
✔  functions: all functions deployed successfully!

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/PROJECTNAME/overview
Function URL (helloWorld): https://us-central1-PROJECTNAME.cloudfunctions.net/helloWorld

Answer 3

使用纯 JS 导入库也可以修复它。

示例：

var _ = require('lodash');

而不是：

import _ from 'lodash';

Answer 4

可以通过完整步骤检查这个 Link :

我。已弃用： https://codeburst.io/es6-in-cloud-functions-for-firebase-959b35e31cb0

创建 ./functionsES6 并将 package.json、yarn.lock 和 index.js 从 ./functions.
添加./functionsES6/package.json

当您在根路径中时 ./functionsES6 - Yarn Deploy

二．更新： https://codeburst.io/es6-in-cloud-functions-for-firebase-2-415d15205468

您可以在 package.json

中使用这些

Answer 5

简单的方法是使用esm包https://www.npmjs.com/package/esm

require = require("esm")(module /*, options*/ )

Answer 6

Firebase CLI 现在支持 node.js14，但这并不意味着可以将 Cloud Functions 编写为 ES 模块。

缺少的部分是：

firebase-functions (3.13.1) npm 模块不提供 ES 导出

Firebase 模拟器 (firebase-tools 9.2.2) 不加载作为 ES 模块的 Cloud Functions:

[emul] require() of /Users/.../functions/index.js from /usr/local/lib/node_modules/firebase-tools/lib/emulator/functionsEmulatorRuntime.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.

Meta：虽然建议的方法（esm 包；转换为 TypeScript）可能对某些人有用，但我个人只对纯 ES 模块功能感兴趣。这也符合题名（“...使用es6 import语句”），所以我决定写一个当前（2021年1月）情况的总结

能够将 Cloud Functions 编码为 ES 模块没有直接的回报。这只是一个语法问题：如果我在其中编写我的网络应用程序，并且节点支持它们，自然我更愿意将它们也用于 Cloud Functions。

如果喜欢，here is the ticket关注/.

Answer 7

使用 ES 模块现在是实验性的，要在 Cloud Function 中使用 ESM，您必须在 package.json.

中声明 "type": "module"

  ...
  "type": "module",
  ...
}

然后就可以使用import和export语句了。
参考：https://cloud.google.com/functions/docs/concepts/nodejs-runtime#using_es_modules_experimental
代码示例：https://github.com/GoogleCloudPlatform/functions-framework-nodejs/blob/master/docs/esm/README.md

Answer 8

文件：component.ts

exports.methodName = fn() => {}

文件：index.ts（用于调用所有可导出函数）

... export * from './component.ts'; ...

这必须解决部分使用 es6 导出函数的问题。

Cloud Functions for Firebase 使用 es6 import 语句

Cloud Functions for Firebase using es6 import statement

firebase

ecmascript-6

google-cloud-functions