In addition to using the npm install –save –legacy-peer-deps command line option, this can also be set more permanently as a config option: npm config set legacy-peer-deps true. If above approach does not work try removing the node_modules folder and package-lock.json file and run command npm install.
Turns out the answer is kind of “both”. Understanding the answer comes from this: package.json is what will be used during development. You actually install all your libraries here for your own use, including the ones that users will also need. You should only have a node_modules/ directory in the root of your project, not … Read more
It’s correct that ng serve builds in memory. Angular CLI does not have support for running a server and writing to disk at the same time. If you are using your own server, etc., you can use ng build –watch, which will watch files just like ng serve, but will write them to disk, and … Read more
Looking at the docs at https://getbootstrap.com/docs/4.2/getting-started/introduction/#js you can see that they import the following: <script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js” integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script> Note the naming: jquery.slim.min.js, umd/popper.min.js! Therefore I used the following in my .angular-cli.json: “styles”: [ “../node_modules/bootstrap/dist/css/bootstrap.css” ], “scripts”: [ “../node_modules/jquery/dist/jquery.slim.min.js”, “../node_modules/popper.js/dist/umd/popper.min.js”, “../node_modules/bootstrap/dist/js/bootstrap.min.js” ], After that it seems to work … Read more
In Angular4 this will work the same. If you get an error I think your problem is somewhere else. In command prompt type ng generate component YOURCOMPONENTNAME There are even shorthands for this: the commands generate can be used as g and component as c: ng g c YOURCOMPONENTNAME you can use ng –help, ng … Read more
Same as John Pankowicz answer, but in my case I had to run npm install -g @angular/cli@latest for the versions to match.
Make a png image with same name (favicon.png) and change the name in these files: index.html: <link rel=”icon” type=”image/x-icon” href=”https://stackoverflow.com/questions/40817280/favicon.png” /> angular-cli.json: “assets”: [ “assets”, “https://stackoverflow.com/questions/40817280/favicon.png” ], And you will never see the angular default icon again. Size should be 32×32, if more than this it will not display. NOTE: This will not work with … Read more
I just had the same problem. It’s related to release v6.0.0-rc.2, https://github.com/angular/angular-cli/releases: New configuration format. The new file can be found at angular.json (but .angular.json is also accepted). Running ng update on a CLI 1.7 project will move you to the new configuration. I needed to execute: ng update @angular/cli –migrate-only –from=1.7.4 This removed .angular-cli.json … Read more
The solution worked for me was ng serve –port 4401 (You can change 4401 to whatever number you want) Then launch browser -> http://localhost:4401/ Basically, I was having two Applications and with the help of the above approach now I am able to run both of them simultaneously in my development environment.
To answer one of the questions, it is necessary to have both a global and local install for the tools to work. If you try to run ng serve on an application without the local install of the CLI (global install only), you will get the following error. You have to be inside an Angular … Read more