Webpack 外部模块在优化时出现错误

Question

我是 Node 和 Angular 的新手，但我的任务是使用它们更新应用程序。

当我运行ng build --configuration production --base-href我更新的代码时，我得到

Error: Optimization error [main.0a57bb482e1539bc.js]: Error: Transform failed with 1 error:
main.0a57bb482e1539bc.js:78551:5: error: Expected identifier but found "="
    at failureErrorWithLog (C:\Users\[redacted]\node_modules\@angular-devkit\build-angular\node_modules\esbuild\lib\main.js:1493:15)
    at C:\Users\[redacted]\node_modules\@angular-devkit\build-angular\node_modules\esbuild\lib\main.js:1282:29
    at C:\Users\[redacted]\node_modules\@angular-devkit\build-angular\node_modules\esbuild\lib\main.js:629:9
    at handleIncomingPacket (C:\Users\[redacted]\node_modules\@angular-devkit\build-angular\node_modules\esbuild\lib\main.js:726:9)
    at Socket.readFromStdout (C:\Users\[redacted]\node_modules\@angular-devkit\build-angular\node_modules\esbuild\lib\main.js:596:7)
    at Socket.emit (events.js:315:20)
    at addChunk (internal/streams/readable.js:309:12)
    at readableAddChunk (internal/streams/readable.js:284:9)
    at Socket.Readable.push (internal/streams/readable.js:223:10)
    at Pipe.onStreamRead (internal/stream_base_commons.js:188:23)

如果我运行ng build --configuration production --base-href --optimization false它构建，我可以看到导致错误的行（main.0a57bb482e1539bc.js:78551）是：

// EXTERNAL MODULE: buffer/
var  = __webpack_require__(7555);

我可以看出这显然在语法上是错误的。

buffer被用作依赖项// CONCATENATED MODULE: ./node_modules/amazon-cognito-identity-js/es/AuthenticationDetails.js

但是，如果我创建一个新应用程序并使用其中的代码，import {AuthenticationDetails} from "amazon-cognito-identity-js";则不会出现此问题。我看到的是这一行：

/* harmony import */ var buffer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! buffer */ 7555);

我想知道是什么导致我更新的代码使用// EXTERNAL MODULE: buffer/以及如何更改它以使其不出现问题可能通过使用/* harmony import */.

角度 CLI：13.0.3 节点：14.16.1

Answer 1

使用 cognito 和 aws-sdk 升级到 Angular 13 后出现此错误，有效的方法是删除 package-lock.json 和 node_modules 并再次运行“npm install”。