jaxio/celerio-angular-quickstart

Blank page after successful install

lagazelle opened this issue · 3 comments

After a few issues, I was able to install the angular quickstart project using the sample H2 db as well as connecting to my own db. I am finally able to get a clean compilation and run the spring boot and serve commands. When I try to go to http://localhost:4200 or http://localhost:8080, I get a blank screen after a split second. The browser (Chrome) does look like it is loading content but nothing appears.

No errors are displayed on either console.

Some additional information: to make the app work and deal with a 'cannot find name 'module' error, I had to edit the tsconfig.app.json file and remove 'types: []' as per some of the research online. By removing this line, the error goes away but the app is still showing a blank page.

The backend does seem to be working as when I go to http://localhost:8080/api/authenticated, it returns 'false' so something is responding. It does seem like a rendering issue on the app side where the modules are not being loaded.

Angular CLI: 6.0.5
Node: 8.11.2
OS: win32 x64
Angular: 6.0.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package Version

angular-devkit/architect 0.6.5
angular-devkit/core 0.6.5
angular-devkit/schematics 0.6.5
schematics/angular 0.6.5
schematics/update 0.6.5
rxjs 6.2.0
typescript 2.7.2

All your errors are probably due to the wrong version of those Prerequisites, like Angular cli 1.6.3.

Thank you for the response.

I was getting errors with Angular CLI 1.6.3 which is why I was looking for other options but was finally able to make it work by trying various versions until I found the one with no errors and gets the app working properly. Here's the configuration that made it work. I did have to install the correct versions of Angular/Material and Angular/cdk forcing version 5.2.0 to install as the commands suggested in the instructions will install the latest as well.

Angular CLI: 1.6.8
Node: 8.11.2
OS: win32 x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

angular/cdk: 5.2.0
angular/cli: 1.6.8
angular/material: 5.2.0
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
ngtools/webpack: 1.9.8
schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0