frontend build failing for me on v2-wails branch

[marcio199226]

frontend build failing for me on v2-wails branch

[gedw99]

also seems the only way to build the angular code is with "npn run serve"

make f-serve
# this builds it. 
cd ytd/frontend && npm run serve

> [email protected] serve
> npx --max_old_space_size=4096 ng serve --poll=2000 --host=0.0.0.0 --single-bundle --configuration development

Node.js version v17.5.0 detected.
Odd numbered Node.js versions will not enter LTS status and should not be used for production. For more information, please see https://nodejs.org/en/about/releases/.
Warning: This is a simple server for use in testing or debugging Angular applications
locally. It hasn't been reviewed for security issues.

Binding this server to an open connection can result in compromising your application or
computer. Using a different host than the one passed to the "--host" flag might result in
websocket connection issues. You might need to use "--disableHostCheck" if that's the
case.
⠋ Generating browser application bundles (phase: setup)...Compiling @angular/core : es2015 as esm2015
Compiling @angular/cdk/keycodes : es2015 as esm2015
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/cdk/observers : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/cdk/platform : es2015 as esm2015
Compiling @angular/cdk/bidi : es2015 as esm2015
Compiling @angular/cdk/a11y : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling @angular/cdk/collections : es2015 as esm2015
Compiling @angular/cdk/scrolling : es2015 as esm2015
Compiling @angular/cdk/portal : es2015 as esm2015
Compiling @angular/flex-layout/core : es2015 as esm2015
Compiling @angular/cdk/overlay : es2015 as esm2015
Compiling @angular/material/core : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling @angular/cdk/layout : es2015 as esm2015
Compiling @angular/flex-layout/extended : es2015 as esm2015
Compiling @angular/flex-layout/flex : es2015 as esm2015
Compiling @angular/material/form-field : es2015 as esm2015
Compiling @angular/flex-layout/grid : es2015 as esm2015
Compiling @angular/cdk/text-field : es2015 as esm2015
Compiling @angular/material/button : es2015 as esm2015
Compiling @ngx-translate/core : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling @angular/material/dialog : es2015 as esm2015
Compiling @angular/material/menu : es2015 as esm2015
Compiling @angular/material/sidenav : es2015 as esm2015
Compiling @angular/core/testing : es2015 as esm2015
Compiling @angular/material/icon : es2015 as esm2015
Compiling @angular/flex-layout : es2015 as esm2015
Compiling @angular/cdk/clipboard : es2015 as esm2015
Compiling @angular/material/badge : es2015 as esm2015
Compiling @angular/material/card : es2015 as esm2015
Compiling @angular/material/checkbox : es2015 as esm2015
Compiling @angular/material/input : es2015 as esm2015
Compiling @angular/material/progress-bar : es2015 as esm2015
Compiling @angular/material/progress-spinner : es2015 as esm2015
Compiling @angular/material/select : es2015 as esm2015
Compiling @angular/material/slide-toggle : es2015 as esm2015
Compiling @angular/material/slider : es2015 as esm2015
Compiling @angular/material/snack-bar : es2015 as esm2015
Compiling @angular/material/tabs : es2015 as esm2015
Compiling @angular/material/toolbar : es2015 as esm2015
Compiling @angular/material/tooltip : es2015 as esm2015
Compiling @tinkoff/ng-event-plugins : es2015 as esm2015
Compiling @ngx-translate/http-loader : es2015 as esm2015
✔ Browser application bundle generation complete.

Initial Chunk Files | Names         |     Size
main.js             | main          |  6.51 MB
styles.css          | styles        | 78.85 kB
polyfills.js        | polyfills     |  2.99 kB

                    | Initial Total |  6.59 MB

Build at: 2022-02-14T15:27:18.385Z - Hash: 82f099f96429f383160c - Time: 105474ms

Warning: /Users/apple/workspace/go/src/github.com/gedw99/fhir-tools/gui/github.com__matryer__xbar/others/ytd/ytd/frontend/node_modules/ng-qrcode/fesm2015/ng-qrcode.js depends on 'qrcode'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/apple/workspace/go/src/github.com/gedw99/fhir-tools/gui/github.com__matryer__xbar/others/ytd/ytd/frontend/src/app/pages/offline-playlist/offline-playlist.component.ts depends on '@wailsapp/runtime'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/apple/workspace/go/src/github.com/gedw99/fhir-tools/gui/github.com__matryer__xbar/others/ytd/ytd/frontend/src/main.ts depends on '@wails/runtime'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/apple/workspace/go/src/github.com/gedw99/fhir-tools/gui/github.com__matryer__xbar/others/ytd/ytd/frontend/src/main.ts depends on 'core-js/stable'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies



Error: src/main.ts:25:7 - error TS2339: Property 'Init' does not exist on type '{ Browser: { Open(target: string): Promise<any>; }; Events: { Emit(eventName: string, data?: any): void; On(eventName: string, callback: (data?: any) => void): void; OnMultiple(eventName: string, callback: (data?: any) => void, maxCallbacks: number): void; Once(eventName: string, callback: (data?: any) => void): voi...'.

25 Wails.Init(() => {
         ~~~~




** Angular Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200/ **

✔ Browser application bundle generation complete.

3 unchanged chunks

Build at: 2022-02-14T15:27:36.587Z - Hash: 88e3f7ef3929262d9fdd - Time: 14383ms

Warning: /Users/apple/workspace/go/src/github.com/gedw99/fhir-tools/gui/github.com__matryer__xbar/others/ytd/ytd/frontend/src/app/pages/home/home.component.ts depends on '@wailsapp/runtime'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies



Error: src/main.ts:25:7 - error TS2339: Property 'Init' does not exist on type '{ Browser: { Open(target: string): Promise<any>; }; Events: { Emit(eventName: string, data?: any): void; On(eventName: string, callback: (data?: any) => void): void; OnMultiple(eventName: string, callback: (data?: any) => void, maxCallbacks: number): void; Once(eventName: string, callback: (data?: any) => void): voi...'.

25 Wails.Init(() => {
         ~~~~



^Cmake: *** [f-serve] Interrupt: 2

[marcio199226]

Hi, I will check it and let you know.
Anyway I used an early alpha version of v2 wails so if I remember correctly I have made small 1 line changes because Init method hadn't been exported properly from wails.

Also is worth notice that my project uses 2.0.0-alpha.73 and you have installed the latest one (v2.0.0-beta.30)

P.S I will check this evening because I have some other new features and some enhancements not published yet. Recently I had no spare time to work on it