Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Jun 18 2019 18:50
    @StephenFluin banned @piotr-mamenas
  • Jan 31 2019 21:54
  • Jan 31 2019 21:40
    gurkn starred angular/angular-cli
  • Jan 31 2019 21:04
    alan-agius4 closed #13561
  • Jan 31 2019 20:43
    ZBAGI edited #13561
  • Jan 31 2019 20:06
    ZBAGI edited #13561
  • Jan 31 2019 18:45
    ZBAGI edited #13561
  • Jan 31 2019 18:41
    ZBAGI opened #13561
  • Jan 31 2019 18:01
  • Jan 31 2019 17:36
  • Jan 31 2019 16:39
    ngbot[bot] milestoned #13559
  • Jan 31 2019 16:39
    alan-agius4 labeled #13559
  • Jan 31 2019 16:39
    alan-agius4 labeled #13559
  • Jan 31 2019 16:39
    alan-agius4 labeled #13559
  • Jan 31 2019 16:34
    mgechev closed #8626
  • Jan 31 2019 16:03
    sharp0111 starred angular/angular-cli
  • Jan 31 2019 15:55
  • Jan 31 2019 15:51
    clydin unlabeled #13548
  • Jan 31 2019 15:51
    clydin labeled #13548
  • Jan 31 2019 15:35
    clydin review_requested #13548
@mamadoutoure I too facing same issue with ng new giving "legacyBrowsers is not defined"
by chance have you got any solution?
Beniamin Makal
Hi, I'm hosting Angular app under /custom-path/ and I have problem with sockjs-node. Angular app is trying to get info from localhost/sockjs-node/info. It should take this info from localhost/custom-path/sockjs-node/info. How should I configure serve script to make this work? I've tried to set publicHost in angular.json but it is not working for me. Do you know if there are any problems with this param? The problem started to occur after update project from Angular 9 to 12.
While running the build using ng build command, the build fails to generate the Index HTML file with the following error
@DryUser - I'm having similar issue except I only have "✖ Index html generation failed.". No other message after that. For you message, did you look at this issue - angular/angular-cli#20760
surendar Raparla

We are using angular 11 for application development.
Can we use the --vendor-chunk true for production build?.
Are there any problems?


"Generate a seperate bundle containing only vendor libraries. This option should only used for development."

Hi, I would like to contribute to Angular CLI. I have 0.5 years of experience in Angular. May i know which issues i can take
Hi, does this PR mean we can not use --deploy-url next angular version(v13) since it is marked as deprecated? angular/angular-cli#21537
Alexander Nestorov
I'm building (prod build) a mid-size project and the process is taking between 4 and 6gb of RAM and 4 cores at full for about ~15min. There is nothing "weird" going on in the project (hacks, assets being embedded, dirty hacks, etc..), just plain TS. I've searched for possible solutions, but I didn't find anything relevant, except maybe a suggestion to disable de "buildOptimizer" in angular.json. Is there any concrete reason why the build process is using so much resources? Is there any way I can "debug" the process and see what exactly is using these resources?
Hi my proxy.config.json can not work well while requesting more data. Chrome perform "request is not finished yet". BUT it is work well while using nginx after building the codes. Who can help me? Thanks
Shivam Verma

I want to set up themes in an Angular Project,

so I will have a configuration/module file that will decide which components need to be pick for that theme


I have a theme 11 and a theme 12

theme 11 is using menu-v1, cart-v2, checkout-v3
theme 12 is using menu-v2 cart-v3, checkout-v1

so, can I lazy load that theme bundle on the basis of theme ID,

Hello guys, i want to make ecommerce on angular with paypal and firbase integration, does anyone have examples or help me from where i can start

I have an issue since upgrading to angular 12. The index.html generated by ng build is broken. We have a custom <script> tag in our source index.html:

from src:

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8" />
    <base href="/" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
      function docReady(fn) {

  <body class="bootstrap_theme" id="intranet">

When we serve or build the project, the resulting index.html is broken:

from dist:


Has someone met this issue? Can someone please help?

Sarfaraz alam
Hi, anybody help me
SetInterval is not clear onDestroy
Hi! When building to production with localize flag in true, the bundles are created correct in each locale but the strings are being replaced in client side. Is there any way that the build already has the right translation for each locale? I need this for the SEO.
i need to run multiple angular cli command for some feature like CRUD
is there posible to save bunch of commands in file and receive parameter like component name
when i need to create i just can run 1 set npm or ng command
and it will automate all the commands.
Sunday Power Inemesit

Hi, guys.

Please, I'm having an issue where setting inlineCritical: false in angular.json doesn't seem to work as inline <style>'s are still being injected by Angular (CLI).

Has anyone faced this situation and have a solution to it?

I'll appreciate if this is answered asap.

Thank you.

Sunday Power Inemesit
ng11 build prod so slowly ,how can i optimization it
How to view the compilation time of each step
Where should I optimize my code
my project build prod need 900s ,More and more unacceptable
Bharath Muppa 🚀
Cant find a better way to create web workers in angular library and use it other angular app, with webpack5 we don't need worker loader right?
Hi! is there a way to use ng serve to run a custom script when changes in a specific folder changed?
similar to what nodemon does
Hi, I have a npm package to build then deploy angular project using SSH connection, how do I get it listed under ng deploy examples? The command is ng add ngx-ssh-deploy
Thomas Kaul

I'm upgrading a decent angular project to Angular 13. When I run ng serve, I get the following error:

 Generating browser application bundles (phase: building).../Users/dev/application/client/app/node_modules/@angular-devkit/build-angular/node_modules/webpack/lib/MainTemplate.js:215
                                        throw new Error(

Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
    at Object.tap (/Users/dev/application/client/app/node_modules/@angular-devkit/build-angular/node_modules/webpack/lib/MainTemplate.js:215:12)
    at WebWorkerMainTemplatePlugin.apply (/Users/dev/application/client/app/node_modules/webpack/lib/webworker/WebWorkerMainTemplatePlugin.js:139:35)
    at /Users/dev/application/client/app/node_modules/webpack/lib/webworker/WebWorkerTemplatePlugin.js:16:39
    at Hook.eval [as call] (eval at create (/Users/dev/application/client/app/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at Hook.CALL_DELEGATE [as _call] (/Users/dev/application/client/app/node_modules/tapable/lib/Hook.js:14:14)
    at Compiler.newCompilation (/Users/dev/application/client/app/node_modules/@angular-devkit/build-angular/node_modules/webpack/lib/Compiler.js:1054:30)
    at /Users/dev/application/client/app/node_modules/@angular-devkit/build-angular/node_modules/webpack/lib/Compiler.js:1099:29
    at eval (eval at create (/Users/dev/application/client/app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:22:1)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at runNextTicks (node:internal/process/task_queues:65:3)
    at processImmediate (node:internal/timers:437:9)
error Command failed with exit code 1.

My guess is an outdated library. Is there any way to find out which one it is?

Firas Koubàa
Hi everybody , does anybody know where to find codingame solutions and examples of Angular recruitment tests ?
Redon Januzi
Hello guys, has any one found a solution to this error?
Redon Januzi
downgrading to windows 10 solved my problems
Hi, is it possible to release an angular library with both typescript source code and source map. I want to debug through vscode chrome remote debugger by setting breakpoints in the consuming app. Thank you.
is it possible to see the default webpack.config.js used by angular 11 in both dev and prod env?
Hi. I am trying to upgrade my Angular from 9 to 13 but I am using SSR and Web-Workers. Everything was fine until import.meta is required for web-worker initialization, e.g.: new Worker(new URL('./my-worker.worker', import.meta.url), { type: 'module' });. Due this I am getting "The 'import.meta' meta-property is only allowed when the '--module' option is 'es2020', 'es2022', 'esnext', 'system', 'node12', or 'nodenext'." error. Any ideas how can I workaround this issue ?
Hi ppl,
Angular Library noApp project. I want global Tailwindcsss´styles and storybook.
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "button": {
      "projectType": "library",
      "root": "projects/button",
      "sourceRoot": "projects/button/src",
      "prefix": "ui",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:ng-packagr",
          "options": {
            "project": "projects/button/ng-package.json",
            "styles": [
          "configurations": {
            "production": {
              "tsConfig": "projects/button/tsconfig.lib.prod.json",
            "development": {
              "tsConfig": "projects/button/tsconfig.lib.json"
          "defaultConfiguration": "production"
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "projects/button/src/test.ts",
            "tsConfig": "projects/button/tsconfig.spec.json",
            "karmaConfig": "projects/button/karma.conf.js"
  "defaultProject": "button"
  "name": "base",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "docs:json": "compodoc -p ./tsconfig.json -e json -d .",
    "storybook": "npm run docs:json && start-storybook -p 6006",
    "build-storybook": "npm run docs:json && build-storybook"
  "private": true,
  "dependencies": {
    "@angular/animations": "~13.3.0",
    "@angular/common": "~13.3.0",
    "@angular/compiler": "~13.3.0",
    "@angular/core": "~13.3.0",
    "@angular/elements": "^13.3.0",
    "@angular/forms": "~13.3.0",
    "@angular/platform-browser": "~13.3.0",
    "@angular/platform-browser-dynamic": "~13.3.0",
    "@angular/router": "~13.3.0",
    "@storybook/angular": "^6.4.19",
    "rxjs": "~7.5.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  "devDependencies": {
    "@angular-devkit/build-angular": "~13.3.0",
    "@angular/cli": "~13.3.0",
    "@angular/compiler-cli": "~13.3.0",
    "@babel/core": "^7.17.8",
    "@compodoc/compodoc": "^1.1.19",
    "@storybook/addon-actions": "^6.4.19",
    "@storybook/addon-essentials": "^6.4.19",
    "@storybook/addon-interactions": "^6.4.19",
    "@storybook/addon-links": "^6.4.19",
    "@storybook/builder-webpack5": "^6.4.19",
    "@storybook/manager-webpack5": "^6.4.19",
    "@storybook/testing-library": "^0.0.9",
    "@types/jasmine": "~3.10.0",
    "@types/node": "^12.11.1",
    "autoprefixer": "^10.4.4",
    "babel-loader": "^8.2.4",
    "jasmine-core": "~4.0.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.1.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "ng-packagr": "^13.0.0",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.23",
    "typescript": "~4.6.2"
I have styles.css with the necessary tailwind imports in root. When I put the styles attribute under the architect -> build -> options I get an error message when I try to build, but the styles are applied, if I remove the styles property from the build options, I can build but it doesnt apply styles.
Schema validation failed with the following errors:
  Data path "" must NOT have additional properties(styles).
anyone an idea?
Saunak Nandi
Hello buddies I am new to angular and I am getting this error
ng serve
An unhandled exception occurred: Invalid or unexpected token
See "C:\Users\User\AppData\Local\Temp\ng-Yw7b98\angular-errors.log" for further details.
Can anyone help me what to do
Amit Beckenstein
Hey guys, I'm experiencing an issue with modules imported for side effects not being included in the bundle. I read the tree shaking docs, added "sideEffects" to my package.json and even tried adding a rule with sideEffects: true but to no avail. Can anyone help? More details in my SO question (https://stackoverflow.com/questions/72390897/why-are-these-modules-imported-for-side-effects-not-included-in-webpack-bundle). I also commented on a similar issue in GitHub asking a webpack team member for help.
Manas Upadhyay
Hey guys
I have build docker image of Angular Project and deployed to EKS
while hitting the API I am getting an error of getaddrinfo enotfound
Hey everyone. I just started experiencing a very weird issue when trying to build my angular app. I get the error "An unhandled exception occurred: The requested module '@angular/compiler' does not provide an export named 'ClassStmt'" when trying to run dev locally or build.
"dependencies": {
"@angular/animations": "~13.2.2",
"@angular/cdk": "^13.0.3",
"@angular/common": "~13.2.2",
"@angular/compiler": "~13.2.2",
"@angular/core": "~13.2.2",
"@angular/elements": "^13.2.2",
"@angular/forms": "^13.2.2",
"@angular/material": "13.0.3",
"@angular/platform-browser": "~13.2.2",
"@angular/platform-browser-dynamic": "~13.2.2",
"@angular/router": "~13.2.2",
"tslib": "^2.3.0",
"zone.js": "~0.11.5"
"devDependencies": {
"@angular-devkit/build-angular": "~13.0.4",
"@angular-eslint/builder": "^13.0.1",
"@angular-eslint/eslint-plugin": "^13.0.1",
"@angular-eslint/eslint-plugin-template": "^13.0.1",
"@angular-eslint/schematics": "^13.0.1",
"@angular-eslint/template-parser": "^13.0.1",
"@angular/cli": "~13.0.4",
"@angular/compiler-cli": "~13.0.0",
"@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "5.3.0",
"@typescript-eslint/parser": "5.3.0",
"eslint": "^8.3.0",
"eslint-config-prettier": "^8.3.0",
"typescript": "~4.4.3"
I think when I ran npm install, a new patch was applied somewhere or something because it worked fine a few months ago, now on the main branch I get this error. Super weird.
I figured out the above error