Questions tagged angular-cli

Explore the latest questions and answers asked by our top developers.

BootStrap 5.0 Styles Not Rendered in Angular

I am trying to use BootStrap in an Angular project and was able to render the styles in front-end using the following in the index file of the project: <link href="" rel="stylesheet"> So far good but was trying to follow this link to render the styles without referencing in the index file BootStrap with Angular. […]

WebStorm creates new angular project in older version

Not sure what I am doing wrong here. In WebStorm 2021.3, macOS 12.0.1, I’m running a new project wizard for Angular CLI Even though WebStorm clearly shows v13.0.4 of ng package, the created version has Angular 11.x.x installed. node.js is running under nvm. I also double-checked the cli version factually installed at npm root -g […]

By user776686
Categorized as angular, angular-cli, macos, nvm, webstorm Tagged , , , ,

core.mjs:6495 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: ‘home/headers’

My problem with aux router outlet, and I can’t target the url of a nested route. Please help app.component.html <app-header></app-header> <router-outlet name="snippetOutlet"></router-outlet> <div class="content"> <div class="space-40"></div> <div class="frame"> <div class="grid"> <div class="block-2"> <sidenav></sidenav> </div> <div class="block-8"> <router-outlet></router-outlet> </div> </div> </div> <app-footer></app-footer> </div> app.module.ts const appRoutes: Routes = [{ { path: ”, redirectTo: ‘home’, pathMatch: ‘full’ […]

By Andre Ramadhan
Categorized as angular, angular-cli, router-outlet Tagged , ,

Angular CLI, create empty page other than index.html

I have routes, I have index and it’s components. However, how do I create new html which exclude my component and selector from index.html ? (New Blank html page) Source: Angular Questions

By Andre Ramadhan
Categorized as angular, angular-cli Tagged ,

Angular 11/CSS minification: How to prevent conversion of rgba to 8 digit hex code during css minification to support older chrome

We’ve a web app that’s developed in Angular 11(cli V11.2.14) & core and running fine, now needs to be supported in chrome older version(browser version 60). I came across css issues mainly related to elements with color & opacity like for eg. below box-shadow is not working. box-shadow: 0px 4px 16px 4px rgba(255, 0, […]

Angular build – Expected identifier but found "*"

After upgrading to angular 13.0.0 this warning occur when building: Warning: > styles.a81eb7805197853d.css:10615:2: warning: Expected identifier but found "*" 10615 │ *vertical-align: middle; ╵ ^ Why this happens? package.json: { "name": "wepod-clients", "version": "3.2.3", "scripts": { "ng": "ng", "start": "node patch.js && ng serve", "serve-auth": "ng run wepod-app:serve-auth-standalone:production", "build": "node patch.js && node –max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng […]

Angular build – Unmatched selector: %

When I run npm run build whitch executes ng build -c production build will be completed as expected. But command prompt will be filled with this warning: Warning: 303 rules skipped due to selector errors: 0% -> Unmatched selector: % 20% -> Unmatched selector: % 53% -> Unmatched selector: % 40% -> Unmatched selector: % […]

Angular build file naming

When I do normal build by: ng build I get files: Initial Chunk Files | Names | Size main.67a03e810140e0bd.js | main | 132.08 kB polyfills.881fa69e872290d9.js | polyfills | 36.19 kB runtime.3b2ac8c1adcf7f83.js | runtime | 1.04 kB styles.ef46db3751d8e999.css | styles | 0 bytes how to delete that ".67a03e810140e0bd." etc ? PS. Its been made in .NET […]

By krzchbt
Categorized as angular-cli Tagged

Not able to install angular using `ng new` command

I am trying to install the angular app using the command of ng new but not able install. getting following error: Installing packages (npm)…npm ERR! Cannot read properties of undefined (reading ‘isServer’) More details: 307 http fetch GET 200 3553ms (cache miss) 308 http fetch GET 200 3553ms (cache miss) 309 http fetch […]

By user2024080
Categorized as angular, angular-cli, node.js, npm Tagged , , ,

Getting an error on creating angular project using angular/cli

I am not able to create new project using angular-cli getting the following error: – Installing packages (yarn)…warning @angular-devkit/build-angular > webpack-dev-server > url > [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead. warning @angular-devkit/build-angular > webpack-dev-server > sockjs > [email protected]: Please upgrade to version 7 or higher. Older […]

By 3gwebtrain
Categorized as angular, angular-cli Tagged ,
1 51

Still Have Questions?

Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us