Topic: Configuring Css and scripts

Haso58 free asked 3 years ago


Hi,

I had one question, I wanted to walkthrough the Admin tutorial, but I have one problem. If I copy the code like in the tutorial I am getting a broken design. I think it is due to my configuration, in all tutorials the scripts and designs are always included in the html but I have an NRWL angular project and wanted to include them in my Angular.json once so it is recognized in the complete project.

I have imported these scripts and css files:

 "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss",
          "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss",
          "node_modules/animate.css/animate.css"

"node_modules/mdbootstrap/js/bootstrap.js",
          "node_modules/mdbootstrap/js/jquery.js",
          "node_modules/mdbootstrap/js/mdb.js",
          "node_modules/mdbootstrap/js/popper.js"

But still it does not work properly like in the tutorial. If I use the components myself and from scratch it works. My login component worked without any errors for example. Can someone help me with the configuration.

If more information is needed I will gladly help out.


Arkadiusz Idzikowski staff commented 3 years ago

Do you use MDB Angular or jQuery version? Because some of the imports look like jQ and others are from MDB Angular Pro.

There is more than one scripts/styles array in the angular.json file. The imports should be added to those inside build object.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.0.0
  • Device: Computer
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No