aws-amplify / amplify-js

A declarative JavaScript library for application development using cloud services.
https://docs.amplify.aws/lib/q/platform/js
Apache License 2.0
9.42k stars 2.12k forks source link

Amplify build issue with angular CLI v1.6.6 and Typescript v2.6.2. ERROR in node_modules/@aws-amplify/core/lib-esm/OAuthHelper/GoogleOAuth.d.ts(4,35): error TS2304: Cannot find name 'unknown'. #10536

Closed sachinsingh119 closed 1 year ago

sachinsingh119 commented 1 year ago

Before opening, please confirm:

JavaScript Framework

Angular

Amplify APIs

Analytics

Amplify Categories

No response

Environment information

``` # Put output below this line System: OS: macOS 11.4 CPU: (8) x64 Apple M1 Memory: 43.37 MB / 8.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 14.20.0 - ~/.nvm/versions/node/v14.20.0/bin/node Yarn: 1.22.17 - /opt/homebrew/bin/yarn npm: 5.10.0 - ~/Desktop/defnce_admin_git/cyfirmaweb/node_modules/.bin/npm Browsers: Chrome: 106.0.5249.119 Firefox: 105.0.3 Safari: 14.1.1 npmPackages: @amcharts/amcharts3-angular: ^2.2.2 => 2.2.5 @amcharts/amcharts4: 4.9.0 => 4.9.0 @amcharts/amcharts4-geodata: ^4.1.19 => 4.1.23 @angular/animations: 5.2.0 => 5.2.0 @angular/animations/browser: undefined () @angular/animations/browser/testing: undefined () @angular/cdk: 5.2.5 => 5.2.5 @angular/cdk/a11y: undefined () @angular/cdk/accordion: undefined () @angular/cdk/bidi: undefined () @angular/cdk/coercion: undefined () @angular/cdk/collections: undefined () @angular/cdk/keycodes: undefined () @angular/cdk/layout: undefined () @angular/cdk/observers: undefined () @angular/cdk/overlay: undefined () @angular/cdk/platform: undefined () @angular/cdk/portal: undefined () @angular/cdk/scrolling: undefined () @angular/cdk/stepper: undefined () @angular/cdk/table: undefined () @angular/cli: 1.6.6 => 1.6.6 @angular/common: 5.2.0 => 5.2.0 @angular/common/http: undefined () @angular/common/http/testing: undefined () @angular/common/testing: undefined () @angular/compiler: 5.2.0 => 5.2.0 @angular/compiler-cli: 5.2.0 => 5.2.0 @angular/compiler/testing: undefined () @angular/core: 5.2.0 => 5.2.0 @angular/core/testing: undefined () @angular/forms: 5.2.0 => 5.2.0 @angular/material: 5.2.5 => 5.2.5 @angular/material/autocomplete: undefined () @angular/material/button: undefined () @angular/material/button-toggle: undefined () @angular/material/card: undefined () @angular/material/checkbox: undefined () @angular/material/chips: undefined () @angular/material/core: undefined () @angular/material/datepicker: undefined () @angular/material/dialog: undefined () @angular/material/divider: undefined () @angular/material/expansion: undefined () @angular/material/form-field: undefined () @angular/material/grid-list: undefined () @angular/material/icon: undefined () @angular/material/input: undefined () @angular/material/list: undefined () @angular/material/menu: undefined () @angular/material/paginator: undefined () @angular/material/progress-bar: undefined () @angular/material/progress-spinner: undefined () @angular/material/radio: undefined () @angular/material/select: undefined () @angular/material/sidenav: undefined () @angular/material/slide-toggle: undefined () @angular/material/slider: undefined () @angular/material/snack-bar: undefined () @angular/material/sort: undefined () @angular/material/stepper: undefined () @angular/material/table: undefined () @angular/material/tabs: undefined () @angular/material/toolbar: undefined () @angular/material/tooltip: undefined () @angular/platform-browser: 5.2.0 => 5.2.0 @angular/platform-browser-dynamic: 5.2.0 => 5.2.0 @angular/platform-browser-dynamic/testing: undefined () @angular/platform-browser/animations: undefined () @angular/platform-browser/testing: undefined () @angular/router: 5.2.0 => 5.2.0 @angular/router/testing: undefined () @angular/router/upgrade: undefined () @ng-bootstrap/ng-bootstrap: 1.0.0 => 1.0.0 @ngtools/webpack: 1.8.5 => 1.8.5 (1.9.6) @stripe/stripe-js: ^1.17.1 => 1.37.0 @types/jasmine: 2.5.53 => 2.5.53 @types/node: 8.0.18 => 8.0.18 (18.7.18) @types/stripe-v3: ^3.1.25 => 3.1.27 amcharts4-example-100%-stacked-column-chart: 0.1.0 amcharts4-example-adding-live-data: 0.1.0 amcharts4-example-amcharts3: 0.1.0 amcharts4-example-animating-along-the-line-series: 0.1.0 amcharts4-example-bar-chart-race: 0.1.0 amcharts4-example-base: 0.1.0 amcharts4-example-bent-gantt-chart: 0.1.0 amcharts4-example-bubble-chart: 0.1.0 amcharts4-example-candlestick-chart: 0.1.0 amcharts4-example-changing-series-apppearance: 0.1.0 amcharts4-example-changing-tree-map-data: 0.1.0 amcharts4-example-chord-diagram: 0.1.0 amcharts4-example-chord-diagram-non-ribbon: 0.1.0 amcharts4-example-chord-friends-kisses: 0.1.0 amcharts4-example-clock: 0.1.0 amcharts4-example-column-chart-with-axis-break: 0.1.0 amcharts4-example-column-chart-with-images-as-bullets: 0.1.0 amcharts4-example-columns-with-pies-inside: 0.1.0 amcharts4-example-countries-morphing-to-pie-chart: 0.1.0 amcharts4-example-curved-column-chart: 0.1.0 amcharts4-example-custom-shape-chart: 0.1.0 amcharts4-example-cylinder-chart: 0.1.0 amcharts4-example-data-grouping-50K: 0.1.0 amcharts4-example-date-based-radar: 0.1.0 amcharts4-example-day-night-map: 0.1.0 amcharts4-example-donut-chart: 0.1.0 amcharts4-example-drag-and-change-values: 0.1.0 amcharts4-example-dragging-pie-slices: 0.1.0 amcharts4-example-drill-down-map: 0.1.0 amcharts4-example-drill-down-tree-map: 0.1.0 amcharts4-example-dumbbell-plot: 0.1.0 amcharts4-example-dumbbell-plot-horizontal: 0.1.0 amcharts4-example-duration-axis: 0.1.0 amcharts4-example-error-chart: 0.1.0 amcharts4-example-fill-between-lines-chart: 0.1.0 amcharts4-example-fishbone-timeline: 0.1.0 amcharts4-example-force-directed-creating-links: 0.1.0 amcharts4-example-force-directed-network: 0.1.0 amcharts4-example-force-directed-tree: 0.1.0 amcharts4-example-force-directed-tree-expandable: 0.1.0 amcharts4-example-funnel-chart: 0.1.0 amcharts4-example-funnel-chart-horizontal: 0.1.0 amcharts4-example-gantt-chart: 0.1.0 amcharts4-example-gauge-with-bands: 0.1.0 amcharts4-example-geo-heat-map: 0.1.0 amcharts4-example-heat-map: 0.1.0 amcharts4-example-heat-map-circles: 0.1.0 amcharts4-example-heat-map-radar: 0.1.0 amcharts4-example-horizontally-stacked-axes: 0.1.0 amcharts4-example-infinity-chart: 0.1.0 amcharts4-example-lazy-loading: 0.1.0 amcharts4-example-line-different-ups-downs: 0.1.0 amcharts4-example-map-line-gauge-mix: 0.1.0 amcharts4-example-morphing-countries: 0.1.0 amcharts4-example-multiple-axes-date-based-chart: 0.1.0 amcharts4-example-multiple-series-map-chart: 0.1.0 amcharts4-example-non-chart-usage: 0.1.0 amcharts4-example-ohlc-chart: 0.1.0 amcharts4-example-packed-circles: 0.1.0 amcharts4-example-pictorial-bar-chart: 0.1.0 amcharts4-example-pictorial-chart: 0.1.0 amcharts4-example-pictorial-stacked-chart: 0.1.0 amcharts4-example-pictorial-stacked-chart-horizontal: 0.1.0 amcharts4-example-polar-area-chart: 0.1.0 amcharts4-example-population-pyramid: 0.1.0 amcharts4-example-pyramid-chart: 0.1.0 amcharts4-example-radar-chart-with-axis-break: 0.1.0 amcharts4-example-radar-timeline-chart: 0.1.0 amcharts4-example-radial-bar-chart: 0.1.0 amcharts4-example-real-time-data-sorting: 0.1.0 amcharts4-example-road-chart: 0.1.0 amcharts4-example-rotating-globe: 0.1.0 amcharts4-example-rotating-globe-with-circles: 0.1.0 amcharts4-example-sankey-diagram-with-animated-bullets: 0.1.0 amcharts4-example-semi-circle-donut-chart: 0.1.0 amcharts4-example-serpentine-gantt-horizontal: 0.1.0 amcharts4-example-serpentine-step-line: 0.1.0 amcharts4-example-serpentine-timeline: 0.1.0 amcharts4-example-simple-3D-pie-chart: 0.1.0 amcharts4-example-simple-bar-chart: 0.1.0 amcharts4-example-simple-column-chart: 0.1.0 amcharts4-example-simple-gauge: 0.1.0 amcharts4-example-simple-line-chart: 0.1.0 amcharts4-example-simple-map-chart: 0.1.0 amcharts4-example-simple-pie-chart: 0.1.0 amcharts4-example-simple-radar-chart: 0.1.0 amcharts4-example-simple-sankey-diagram: 0.1.0 amcharts4-example-simple-tree-map: 0.1.0 amcharts4-example-spiral-bar-chart: 0.1.0 amcharts4-example-spiral-chart: 0.1.0 amcharts4-example-spiral-gantt-chart: 0.1.0 amcharts4-example-stacked-3D-column-chart: 0.1.0 amcharts4-example-stacked-area-radar-chart: 0.1.0 amcharts4-example-stacked-column-chart: 0.1.0 amcharts4-example-stadium-track-chart: 0.1.0 amcharts4-example-step-count-chart: 0.1.0 amcharts4-example-step-line-chart: 0.1.0 amcharts4-example-step-line-no-risers-chart: 0.1.0 amcharts4-example-stock-chart: 0.1.0 amcharts4-example-stock-comparing-values: 0.1.0 amcharts4-example-sunburst: 0.1.0 amcharts4-example-syncing-cursors-and-zoom: 0.1.0 amcharts4-example-timeline: 0.1.0 amcharts4-example-triangle-column-chart: 0.1.0 amcharts4-example-variable-angle-radar-chart: 0.1.0 amcharts4-example-variable-height-3D-pie-chart: 0.1.0 amcharts4-example-variable-radius-pie-chart: 0.1.0 amcharts4-example-venn-diagram: 0.1.0 amcharts4-example-venn-diagram-bears: 0.1.0 amcharts4-example-vertical-sankey-diagram: 0.1.0 amcharts4-example-vertically-stacked-axes: 0.1.0 amcharts4-example-waterfall-chart: 0.1.0 amcharts4-example-word-cloud: 0.1.0 amcharts4-example-word-cloud-changing-data: 0.1.0 amcharts4-example-xy-error-chart: 0.1.0 angular-cli: 0.0.0 angular-formio: ^2.0.0-rc.3 => 2.2.0 angular2-template-loader: 0.6.2 => 0.6.2 awesome-typescript-loader: 3.2.2 => 3.2.2 aws-amplify: ^1.3.3 => 1.3.3 bootstrap: ^4.4.1 => 4.6.2 browser-sync: ^2.26.7 => 2.27.10 browser-sync-webpack-plugin: 1.2.0 => 1.2.0 codelyzer: 4.0.1 => 4.0.1 copy-webpack-plugin: 4.2.3 => 4.2.3 (4.6.0) core-js: 2.4.1 => 2.4.1 (2.6.12, 1.2.7, 3.25.2) css-loader: 0.28.4 => 0.28.4 (0.28.11) d3: ^5.16.0 => 5.16.0 (3.5.17) electron-rebuild: ^3.2.7 => 3.2.9 exports-loader: 0.6.4 => 0.6.4 extract-text-webpack-plugin: 3.0.2 => 3.0.2 file-loader: 1.1.5 => 1.1.5 (1.1.11) file-saver: 2.0.2 => 2.0.2 (1.3.8) font-awesome: 4.7.0 => 4.7.0 formio-auth: 2.2.0 formio-grid: 2.2.0 formio-resource: 2.2.0 generator-jhipster: 4.14.3 => 4.14.3 hammerjs: ^2.0.8 => 2.0.8 html-loader: 0.5.0 => 0.5.0 html-webpack-plugin: 2.30.1 => 2.30.1 jasmine-core: 2.7.0 => 2.7.0 jquery: 3.6.0 => 3.6.0 jspdf: ^1.4.1 => 1.5.3 karma: 1.7.1 => 1.7.1 karma-chrome-launcher: 2.2.0 => 2.2.0 karma-coverage: 1.1.1 => 1.1.1 karma-coverage-coffee-example: 1.0.0 karma-intl-shim: 1.0.3 => 1.0.3 karma-jasmine: 1.1.0 => 1.1.0 karma-junit-reporter: 1.2.0 => 1.2.0 karma-notify-reporter: 1.0.1 => 1.0.1 karma-phantomjs-launcher: 1.0.4 => 1.0.4 karma-remap-istanbul: 0.6.0 => 0.6.0 karma-sourcemap-loader: 0.3.7 => 0.3.7 karma-webpack: 2.0.4 => 2.0.4 merge-jsons-webpack-plugin: 1.0.11 => 1.0.11 ng-jhipster: 0.4.0 => 0.4.0 ng2-ckeditor: 1.2.0 => 1.2.0 ngx-cookie: 2.0.1 => 2.0.1 ngx-infinite-scroll: 0.5.1 => 0.5.1 ngx-webstorage: 2.0.1 => 2.0.1 node: ^14.19.0 => 14.20.0 node-sass: npm:sass@^1.52.2 => undefined (4.14.1) npm: ^5.10.0 => 5.10.0 phantomjs-prebuilt: 2.1.16 => 2.1.16 postcss-loader: 2.0.9 => 2.0.9 (2.1.6) proxy-middleware: 0.15.0 => 0.15.0 reflect-metadata: 0.1.10 => 0.1.10 (0.1.13) rimraf: 2.6.1 => 2.6.1 (3.0.2, 2.7.1, 2.6.2) rxjs: 5.5.6 => 5.5.6 (5.5.12, 6.6.7) rxjs/ajax: undefined () rxjs/fetch: undefined () rxjs/internal-compatibility: undefined () rxjs/operators: undefined () rxjs/testing: undefined () rxjs/webSocket: undefined () sass: ^1.52.2 => 1.55.0 sass-loader: 6.0.6 => 6.0.6 (6.0.7) simple-line-chart: 0.0.0 source-map: 0.6.1 => 0.6.1 sourcemap-istanbul-instrumenter-loader: 0.2.0 => 0.2.0 style-loader: 0.18.2 => 0.18.2 (0.13.2) swagger-ui: 2.2.10 => 2.2.10 tether: 1.4.0 => 1.4.0 to-string-loader: 1.1.5 => 1.1.5 tslint: 5.5.0 => 5.5.0 tslint-loader: 3.5.3 => 3.5.3 typescript: 2.6.2 => 2.6.2 (4.8.3) uglifyjs-webpack-plugin: 1.1.5 => 1.1.5 (1.3.0, 0.4.6) web-app-manifest-loader: 0.1.1 => 0.1.1 webpack: ^3.12.0 => 3.12.0 (3.10.0) webpack-cli: 3.3.5 => 3.3.5 webpack-dev-server: 2.9.5 => 2.9.5 (2.11.5) webpack-merge: 4.1.1 => 4.1.1 (4.2.2) webpack-notifier: 1.5.1 => 1.5.1 webpack-visualizer-plugin: 0.1.11 => 0.1.11 workbox-webpack-plugin: 3.0.0-beta.1 => 3.0.0-beta.1 write-file-webpack-plugin: 4.1.0 => 4.1.0 xml2js: 0.4.17 => 0.4.17 (0.4.19) zone.js: 0.8.19 => 0.8.19 npmGlobalPackages: @angular/cli: 14.2.6 corepack: 0.10.0 node-gyp: 3.4.0 npm: 6.14.17 ```

Describe the bug

We have integrated aws-amplify library in our project which is having angular CLI v1.6.6 and Typescript v2.6.2. The build is failing with the command "ng build --prod" and "ng serve". Please find the error screenshot attached.

FYI "ng -v" output:

Angular CLI: 1.6.6 Node: 14.15.4 OS: darwin x64 Angular: 5.2.0 ... animations, common, compiler, compiler-cli, core, forms ... platform-browser, platform-browser-dynamic, router

@angular/cdk: 5.2.5 @angular/cli: 1.6.6 @angular/material: 5.2.5 @angular-devkit/build-optimizer: 0.0.42 @angular-devkit/core: 0.0.29 @angular-devkit/schematics: 0.0.52 @ngtools/json-schema: 1.1.0 @schematics/angular: 0.1.17 typescript: 2.6.2 webpack-cli: 3.3.5 webpack-dev-server: 2.9.5 webpack-merge: 4.1.1 webpack-notifier: 1.5.1 webpack-visualizer-plugin: 0.1.11

Expected behavior

Successful build with Angular CLI 1.6.6 andTypescript 2.6.2

Reproduction steps

ng build --prod

Code Snippet

// Put your code below this line.

Log output

``` // Put your logs below this line ```

aws-exports.js

No response

Manual configuration

No response

Additional configuration

No response

Mobile Device

No response

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

No response

cwomack commented 1 year ago

@sachinsingh119, apologies for the delayed response on this issue. After reviewing your dependencies, it looks like you're on a very old version of Amplify (v1.3.3). Could you see if upgrading your Amplify package results in the same errors?

I was able to reproduce similar build errors to what you are seeing when I rolled back my @aws-amplify/ui-angular and aws-amplify packages to older versions, but was able to resolve the errors and build successfully with current versions. We may need to work around some different errors or update other things in your code depending on how you configured Amplify imports back when it was on v1.3.3, but comment back on the results if you're still experiencing this.

cwomack commented 1 year ago

Closing this issue as we have not heard back from you. If you are still experiencing this, please feel free to reply back and provide any information previously requested and we'd be happy to re-open the issue.

Thank you!