Angular 构建在 Heroku 上失败并显示最小错误消息

Question

我有一个在 Heroku 上运行的 Angular 和 NodeJs 应用程序。一切都运行良好，构建良好，直到突然 heroku build 不断失败并给出了一条最小的错误消息，这使得很难找到问题所在。我到处搜索，只发现一个可能存在相同问题的线程，但没有修复工作。奇怪的是，该项目在本地运行时运行完美。

\n

我注意到的另一件事是，如果我尝试构建之前已经成功构建的代码，我仍然会遇到相同的错误。有人可以帮助我并指出正确的方向来确定此错误的原因和可能的修复方法吗？

\n

我遇到的错误是：

\n

 - Generating browser application bundles...\n\xe2\x9c\x94 Browser application bundle generation complete.\nWarning: ./src/app/shared/item-options-dialog-component-square/item-options-dialog-component-square.component.scss\nModule Warning (from ./node_modules/postcss-loader/dist/cjs.js):\nWarning\n(128:3) autoprefixer: end value has mixed support, consider using flex-end instead\nWarning: /tmp/build_a00f8c33/src/app/order/items-by-category/items-by-category.component.scss exceeded maximum budget. Budget 7.00 kB was not met by 82 bytes with a total of 7.08 kB.\nError: node_modules/engine.io-parser/build/esm/index.d.ts:5:38 - error TS2307: Cannot find module \'node:stream/web\' or its corresponding type declarations.\n5 import type { TransformStream } from "node:stream/web";\n                                       ~~~~~~~~~~~~~~~~~\n-----> Build failed\n       \n       We\'re sorry this build is failing! You can troubleshoot common issues here:\n       https://devcenter.heroku.com/articles/troubleshooting-node-deploys\n       \n       If you\'re stuck, please submit a ticket so we can help:\n       https://help.heroku.com/\n       \n       Love,\n       Heroku\n       \n !     Push rejected, failed to compile Node.js app.\n !     Push failed\n

\n

我发现类似但没有答案似乎有帮助的类似问题是：\n error TS2304: Cannot find name 'TransformStream'

\n

My apckage.json is:\n{\n  "name": "app",\n  "version": "2.0.0",\n  "browser": {\n    "fs": false,\n    "path": false,\n    "os": false\n  },\n  "scripts": {\n    "ng": "ng",\n    "main": "server.js",\n    "heroku-postbuild": "ng build --aot --configuration=${ENV}",\n    "preinstall": "npm install --location=global @angular/cli @angular/compiler-cli --legacy-peer-deps",\n    "start": "ng serve",\n    "cypress:open": "cypress open",\n    "swagger": "node ./swagger.js",\n    "cypress:run": "cypress run",\n    "lint": "ng lint",\n    "e2e": "ng e2e"\n  },\n  "private": true,\n  "dependencies": {\n    "@angular-devkit/build-angular": "^0.1102.19",\n    "@angular/animations": "^11.0.6",\n    "@angular/cdk": "^11.0.6",\n    "@angular/cli": "^11.2.19",\n    "@angular/common": "^11.0.6",\n    "@angular/compiler": "^11.0.6",\n    "@angular/compiler-cli": "^11.2.14",\n    "@angular/core": "^11.0.6",\n    "@angular/flex-layout": "^11.0.0-beta.33",\n    "@angular/forms": "^11.0.6",\n    "@angular/language-service": "^11.0.6",\n    "@angular/localize": "^11.0.6",\n    "@angular/material": "^11.0.6",\n    "@angular/platform-browser": "^11.0.6",\n    "@angular/platform-browser-dynamic": "^11.0.6",\n    "@angular/router": "^11.0.6",\n    "@ng-bootstrap/ng-bootstrap": "9.0.2",\n    "@ngtools/webpack": "^11.2.19",\n    "@ngx-translate/core": "13.0.0",\n    "@ngx-translate/http-loader": "^4.0.0",\n    "@types/chart.js": "^2.7.42",\n    "@types/chartist": "^0.9.38",\n    "@types/crypto-js": "^3.1.47",\n    "@types/express": "^4.17.0",\n    "@types/jasmine": "~2.8.22",\n    "@types/jasminewd2": "~2.0.3",\n    "@types/lodash": "4.14.135",\n    "@types/node": "^11.15.54",\n    "@types/socket.io": "^3.0.2",\n    "@types/socket.io-client": "^3.0.0",\n    "@types/uuid": "^8.3.0",\n    "@types/w3c-web-usb": "^1.0.10",\n    "@types/web-bluetooth": "0.0.4",\n    "angular-bootstrap-md": "^11.1.0",\n    "angular-cc-library": "^2.1.2",\n    "angular-cli-ghpages": "^0.6.2",\n    "angular-notifier": "^9.1.0",\n    "angular-responsive-carousel": "^2.0.2",\n    "angularx-qrcode": "^11.0.0",\n    "apexcharts": "^3.44.0",\n    "axios": "^1.6.1",\n    "bcryptjs": "^2.4.3",\n    "body-parser": "^1.18.3",\n    "bootstrap": "^4.5.3",\n    "chart.js": "^2.9.4",\n    "chartist": "^0.11.4",\n    "clover-ecomm-sdk": "^1.0.0",\n    "config": "^3.3.6",\n    "core-js": "^2.5.4",\n    "cors": "^2.8.5",\n    "crypto": "^1.0.1",\n    "crypto-js": "^4.2.0",\n    "dotenv": "^6.1.0",\n    "exec": "^0.2.1",\n    "express": "^4.18.1",\n    "express-jwt": "^8.4.1",\n    "font-awesome": "^4.7.0",\n    "fontawesome": "^5.6.3",\n    "fs": "^0.0.1-security",\n    "got": "^11.8.1",\n    "hammerjs": "^2.0.8",\n    "jsonwebtoken": "^9.0.2",\n    "jwt-decode": "^3.1.2",\n    "lodash": "^4.17.21",\n    "lz-string": "^1.5.0",\n    "material-dashboard": "^2.1.0",\n    "material-design-icons": "^3.0.1",\n    "material-design-lite": "^1.3.0",\n    "mdbootstrap": "^4.19.2",\n    "mongodb": "^3.0.10",\n    "mongoose": "^5.11.15",\n    "mongoose-to-swagger": "^1.5.1",\n    "ng-apexcharts": "1.5.12",\n    "ng-chartist": "^4.1.0",\n    "ng-multiselect-dropdown": "^0.2.14",\n    "ng-socket-io": "^0.2.4",\n    "ngx-autosize": "^1.8.4",\n    "ngx-bootstrap": "^6.2.0",\n    "ngx-device-detector": "^2.0.0",\n    "ngx-guided-tour": "^1.1.11",\n    "ngx-swiper-wrapper": "^10.0.0",\n    "ngx-toastr": "11.1.1",\n    "openai": "^4.17.4",\n    "path": "^0.12.7",\n    "popper.js": "^1.15.0",\n    "postcss": "^8.4.14",\n    "remote-pay-cloud": "4.1.1",\n    "remote-pay-cloud-api": "4.0.4",\n    "request-promise": "^4.2.4",\n    "resize-base64": "^1.0.12",\n    "rootpath": "^0.1.2",\n    "rxjs": "^6.5.2",\n    "rxjs-compat": "^6.3.3",\n    "socket.io": "^4.6.2",\n    "socket.io-client": "^4.6.2",\n    "swagger-ui-express": "^5.0.0",\n    "time-ago-pipe": "^1.3.2",\n    "ts-node": "6.0.0",\n    "tslib": "^1.9.0",\n    "typescript": "4.1.6",\n    "uuid": "^3.3.2",\n    "web-animations-js": "^2.3.2",\n    "zone.js": "~0.10.3"\n  },\n  "devDependencies": {\n    "@angular-devkit/core": "^11.0.6",\n    "@angular-devkit/schematics": "^11.0.6",\n    "codelyzer": "^6.0.2",\n    "cypress": "^13.5.0",\n    "cypress-cucumber-preprocessor": "^4.3.1",\n    "cypress-multi-reporters": "^1.6.0",\n    "eslint-plugin-cypress": "^2.10.3",\n    "jasmine-core": "~2.99.1",\n    "jasmine-spec-reporter": "~4.2.1",\n    "karma": "^6.4.0",\n    "karma-chrome-launcher": "~2.2.0",\n    "karma-coverage-istanbul-reporter": "~2.0.0",\n    "karma-jasmine": "~1.1.1",\n    "karma-jasmine-html-reporter": "^0.2.2",\n    "ng2-charts-schematics": "^0.1.7",\n    "protractor": "^7.0.0",\n    "swagger-autogen": "^2.23.7",\n    "swiper": "^6.8.4",\n    "tslint": "~6.1.3"\n  },\n  "engines": {\n    "node": "18.18.2",\n    "npm": "9.8.1"\n  }\n}\n

\n

让我知道是否需要任何其他文件，因为我不知道还要放置什么，因为错误未指定文件。我正在使用套接字 IO 服务，该服务之前工作正常，但问题可能存在。

\n

Answer 1

engine.io-parser 昨天更新了。我也遇到了同样的问题。要解决它，请执行以下操作npm i engine.io-parser@5.2.1

"engine.io-parser": "^5.2.1"请记住，这将在 package.json 中添加一行。从版本号中删除“^”插入符号。否则，下次执行时npm install，还会出现此错误。