在 AWS Amplify 上部署 Next.js 時出錯

Question

我在 AWS Amplify 上使用 SSR 托管我的 Next.js web 應用程序，直到有一天我收到錯誤 503。

在 AWS 控制台中挖掘，我發現了 lambda function 的 CloudWatch 日志，它處理應用程序的 SSR 部分。

2021-12-02T19:40:49.972Z    1bb29425-4acf-44aa-aabb-ba5afa558512    ERROR   Invoke Error    {
"errorType": "Error",
"errorMessage": "Cannot find module '@grpc/grpc-js/package.json'\nRequire stack:\n- /codebuild/output/src947501987/src/focalpick-client/node_modules/@firebase/firestore/dist/index.node.mjs",
"code": "MODULE_NOT_FOUND",
"requireStack": [
    "/codebuild/output/src947501987/src/focalpick-client/node_modules/@firebase/firestore/dist/index.node.mjs"
],
"stack": [
    "Error: Cannot find module '@grpc/grpc-js/package.json'",
    "Require stack:",
    "- /codebuild/output/src947501987/src/focalpick-client/node_modules/@firebase/firestore/dist/index.node.mjs",
    "    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)",
    "    at Function.Module._load (internal/modules/cjs/loader.js:746:27)",
    "    at Module.require (internal/modules/cjs/loader.js:974:19)",
    "    at require (internal/modules/cjs/helpers.js:93:18)",
    "    at Object.578847 (/var/task/chunks/559.js:500372:34)",
    "    at __webpack_require__ (/var/task/webpack-runtime.js:25:43)",
    "    at Object.526541 (/var/task/chunks/962.js:2299:22)",
    "    at __webpack_require__ (/var/task/webpack-runtime.js:25:43)",
    "    at Module.778514 (/var/task/chunks/962.js:2021:20)",
    "    at __webpack_require__ (/var/task/webpack-runtime.js:25:43)"
]}

該錯誤表明它找不到模塊@grpc/grpc-js 。 看起來這是Firebase內部使用的package。 我嘗試在我的存儲庫中安裝 package，重新部署 Amplify 應用程序，但這無濟於事。 嘗試部署一個干凈的下一個應用程序雖然有效。

我讀過的所有問題都沒有幫助我找到解決方案。

Answer 1

經過大量研究后，我發現 firebase 目前在部署到 AWS 等雲提供商時存在版本 9.2.0 及更高版本的問題。

我的臨時解決方案是降級回firebase@9.1.0 ，直到問題得到解決。

幫助我弄清楚的 github 問題是： [9.5.0] 錯誤：在 electron 中找不到模塊“@grpc/grpc-js/package.json”

Answer 2

這發生在我的 next@12.0.9 上，在測試了很多東西之后，我將版本降級到 next@12.0.8 並且它開始工作了。