This is a new feature in Angular 6. @Injectable({ providedIn: ‘root’ }) You have two options: Refer to the Angular 5 documentation. (As @r-richards notes – change the version of the docs to v5 in the dropdown at the bottom of the left nav.) Upgrade your project to Angular 6 to fix the issue Follow … Read more
You should be able to simply update the version of the core-js module that is requested within the warning message: npm install –save core-js@^3 For what it’s worth npm has a nifty feature that lets you see which packages are outdated npm outdated You can also update packages to the latest versions using the update … Read more
Try to change “schematics”: { “@schematics/angular:component”: { “styleext”: “scss” } }, to “schematics”: { “@schematics/angular:component”: { “style”: “scss” } }, In angular.json. Let me know if this works.
It is possible to create multiple configuration files with @angular/cli. As mentioned in docs custom configuration files can be add in the following way: create a src/environments/environment.NAME.ts add { “NAME”: ‘src/environments/environment.NAME.ts’ } to the apps[0].environments object in .angular-cli.json use them via the –env=NAME flag on the build/serve commands. So, you would probably need 6 config … Read more
I simply re-run ng serve again and it worked!
I get this error when running Visual Studio Code because the typescript compiler watches files and locks them (see https://github.com/Microsoft/vscode/issues/28593). The solution is to temporarily close VS Code when dealing with NPM. Perhaps you have something watching files?
method 1(popular one) : If you are using angular-cli, then ng build –prod will do the trick. Then you can copy everything from .dist folder to your server folder method 2 : you can use http-server to serve your app . To install http-server npm install http-server -g and after going to your project folder … Read more
You would have to use APP_BASE_HREF @NgModule({ providers: [{provide: APP_BASE_HREF, useValue: environment.baseHref }] }) class AppModule {} See angular doc EDIT Since CSS/JS does not work with APP_BASE_HREF, you can do this: In app.component.ts, inject DOCUMENT via import {DOCUMENT} from “@angular/platform-browser”; constructor(@Inject(DOCUMENT) private document) { } Then on your ngOnInit() ngOnInit(): void { let bases … Read more
Update – 25th Feb 2021 npm 7.5.6 or greater now works with angular-cli versions 9.1.15, 10.2.3, 11.2.2, 12.0.0-next.2 or greater (within each major version) as per this comment from the Angular team Original Message – 7th Feb 2021 As of writing npm 7 is not fully supported by angular-cli as per this GitHub issue I … Read more
According to the current angular-cli readme (v1.0.1): You use the assets array in angular-cli.json to list files or folders you want to copy as-is when building your project: “assets”: [ “assets”, “favicon.ico” ] By default the assets folder is configured for this, so you can place your files into a structure like ├── src . … Read more