search

jaxio / celerio-angular-quickstart

Generate an Angular 5 CRUD application from an existing database schema (we provide a sample one)
Apache License 2.0
481 stars 138 forks source link

Blank page after successful install #71

Open lagazelle opened 6 years ago

lagazelle commented 6 years ago

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.

lagazelle commented 6 years ago

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

wsb200514 commented 6 years ago

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

lagazelle commented 6 years ago

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