Topic: Pro Components don't work

W.Burgstaller pro asked 5 years ago


HelloI'have installed the Angular Pro version. "ng-uikit-pro-standard": "git+https://oauth2:my_token@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git",

The compiler doesn't throw any Errors and a check in the the pro's directory seem to be installed all files well.But as soon as I get Pro Components into my code, the code appears to be broken (blank page). There is no Error Message in the console.log. Here the whole code from app.component.html:

> <h2>Standard Components Work Fine</h2>
>     > <mdb-badge default="true">  
>          <mdb-icon fab icon="facebook"></mdb-icon>
>     > </mdb-badge>



<h1>Standard Components Don't Work! -> only blank page!!!</h1>
<!--
<mdb-material-chips [(ngModel)]="addtags" ></mdb-material-chips>
-->

Any help is highly appreciated! Wolfgang


W.Burgstaller pro answered 5 years ago


Awesome! With this hotfix I was able to install the MDBPRO without any problem ;-)

Thanx a lot Damian and Arkadiusz!


Damian Gemza staff answered 5 years ago


Guys,

I have managed a hotfix for this situation. It's available on the #dev branch of ng-uikit-pro-standard repository.

Please check, if your problem will be gone while using the ng-uikit-pro-standard package installed from #dev.

Remove the node_modules directory and package-lock.json file and then use the below command to install the #dev package:

npm install git+https://oauth2:<token>@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git#dev --save

Please let me know if this resolves your problem. If this hotfix will work, I'll merge it to the master branch.

Best Regards,

Damian


W.Burgstaller pro answered 5 years ago


Hi Arkadiusz

Crazy things happen :-(( I wiped app.component.html completly and put your "New"-Badge. And ? ... It works!!! Then I tested several Pro Components. They all work. I feel foolish.

Meanwhile I've tried to reinstall a new project from scratch. PRO-Installation procedure is rather unstable time consuming ;-(

There is a git issue in the log-file: 67 error path /Users/Wolfgang/Developer/MDBootstrap/TestPro/node_modules/ng-uikit-pro-standard 68 error code EISGIT 69 error git /Users/Wolfgang/Developer/MDBootstrap/TestPro/node_modules/ng-uikit-pro-standard: Appears to be a git repo or submodule. 70 error git /Users/Wolfgang/Developer/MDBootstrap/TestPro/node_modules/ng-uikit-pro-standard 71 error git Refusing to remove it. Update manually, 71 error git or move it out of the way first.

Any idea? Thank you for support!


Arkadiusz Idzikowski staff answered 5 years ago


Please try to use small code samples (one component at a time) and let me know if that works:

<mdb-badge default="true">New</mdb-badge>

Maybe you have some typos or unclosed tags in your code. If the problem persists, please paste here the code from your package.json (remember to remove private gitlab token if you use one), angular.json and app.module.


Arkadiusz Idzikowski staff answered 5 years ago


Hello,

Did you follow our installation guide and updated your project files?

MDB Angular installation guide


W.Burgstaller pro commented 5 years ago

Morning, I followed the procedure described in https://mdbootstrap.com/docs/angular/getting-started/quick-start/. There was a difficulty with the latest npm -version that not copied the core-directory. So I copied that manually and changed npm to version 6.4.1.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.1
  • Device: Mac
  • Browser: Chrome
  • OS: macOS High Sierra
  • Provided sample code: No
  • Provided link: Yes