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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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