My ng new project is experiencing some issues as it seems to be stuck at "CREATE project/src/app/app.component.css (0 bytes)". Can someone help

As of yesterday, my angular projects were running smoothly. However, starting today, I am facing a persistent issue where the project gets stuck without any error messages.

Here is a snapshot of my terminal when the project gets stuck:


         C:\Users\Fata189\Desktop>ng new project 
         ? Would you like to add Angular routing? No 
         ? Which stylesheet format would you like to use? CSS 
         CREATE project/angular.json (2705 bytes) 
         CREATE project/package.json (1038 bytes)
         ...
         | Installing packages (npm)...
     

I have included the details of my Angular version below:


        C:\Users\Fata189\Desktop>ng version

             _                      _                 ____ _     ___
            / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
           / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
          / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
         /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                        |___/


        Angular CLI: 15.0.4
        Node: 18.12.1
        Package Manager: npm 9.2.0
        OS: win32 x64

        Angular:
        ...

        Package                      Version
        ------------------------------------------------------
        @angular-devkit/architect    0.1500.4 (cli-only)
                    ...
     

Furthermore, here are the details of my npm version:


        C:\Users\Fata189\Desktop>npm version
        {
            npm: '9.2.0',
            node: '18.12.1',
            v8: '10.2.154.15-node.12',
            uv: '1.43.0',                    
                    ...                 
        }
     

Node version: v18.12.1

This is my first time reaching out on Stack Overflow, so I appreciate your patience and kindness. If there is any additional information needed, please let me know. Thank you in advance for your help!

Despite trying various solutions such as updating ng and npm versions, reinstalling angular/cli, and experimenting with different project names and locations, the problem persists consistently at the same point - app.component.css. Any insights or suggestions would be highly valued.

Answer №1

According to @aghwotu, the issue appears to be related to a slow internet connection!

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

When using `npm publish`, any files located within the `node_modules

After developing an npm package, I included some modules in the node_modules directory to make them accessible as "modules". For instance, I have a module called my-module.js in node_modules which I require in my code using require('my-module'). ...

I am unable to locate the module 'fs': I have exhausted all possible solutions to fix this problem

Attempting to delete a file from the local system using the unlink function, but encountering an error stating that it cannot find the module 'fs'. Below are some details on the relevant files: app.component.ts import * as fs from 'fs&apos ...

Rearranging lists in JHipster: What is the best way to do it?

Seeking advice and guidance on implementing a drag-and-drop reorderable list in JHipster 6.7.1. To illustrate, picture creating a custom ordered list of objects where users can add, remove, and rearrange items. For instance, wanting to move [Epsilon] betw ...

Unit testing in Angular 2+ involves testing a directive that has been provided with an injected window object

Currently, I am faced with the challenge of creating a test for a directive that requires a window object to be passed into its constructor. This is the code snippet for the directive: import { Directive, ElementRef, Input, OnChanges, OnDestroy, OnInit ...

Angular 8: Issue with PatchValue in Conjunction with ChangeDetector and UpdateValue

I am puzzled by the fact that PatchValue does not seem to work properly with FormBuilder. While it shows data when retrieving the value, it fails to set it in the FormBuilder. Does anyone have an idea why this might be happening? I am utilizing UpdateValue ...

What is the most efficient way to use map-reduce in TypeScript to filter a list based on the maximum value of an attribute?

Recently, I came across a list that looked something like this: let scores = [{name: "A", skills: 50, result: 80}, {name: "B", skills: 40, result: 90}, {name: "C", skills: 60, result: 60}, {name: "D", skills: 60, ...

Guide to implementing ion-toggle for notifications with Ionic 2 and Angular 2

Currently, I am using a toggle icon to set the notification as active or inactive. The response is obtained from a GET call. In the GET call, the notification value is either 0 or 1, but in my TypeScript file, I am using noteValue as boolean, which means w ...

Error encountered: YouCompleteMe is unable to locate the necessary executable 'npm' for the installation of TSServer

While attempting to install YouCompleteMe for vim and enable support for Java and Javascript, I followed the instructions provided here. My command was: sudo /usr/bin/python3.6 ./install.py --java-completer --ts-completer Unfortunately, I encountered an ...

Importing Json in Angular 8: A detailed guide

I recently came across information that you can now directly import JSON in TypeScript 2.9 and made changes to my tsconfig.json file accordingly: { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", " ...

Showing a dynamically updated array in Angular

Within my Angular Application I am utilizing an ngFor loop in the component to display an array. Now, I am filtering the data from the array and aiming to update the newly filtered array in place of the original one. While I can successfully display the ...

Angular removing every query string parameters

Linked to but distinct from: How to maintain query string parameters in URL when accessing a route of an Angular 2 app? I am facing an issue with my basic Angular application where adding a query parameter results in its removal, both from the browser&apo ...

Docker-compose encountering difficulty executing shell script (npm / ng serve) due to inability to locate specified directory

I've configured my docker-compose file to handle the deployment of an Angular-CLI frontend and a directory called scripts. www: build: ./www volumes: - ./www/frontend:/app - ./www/scripts:/scripts command: /scripts/init-dev. ...

I'm curious about why the value of my variable in service.ts keeps changing whenever the page is refreshed?

Below is my Angular service.ts file code. It is used to store the login status. import { Injectable } from '@angular/core'; import { BehaviorSubject } from 'rxjs'; @Injectable({ providedIn: 'root' }) e ...

Ways to set a default selection for an md-radio-button in md-radio-groups

My button group consists of 3 radio buttons for filtering data, and I would like to have a specific button selected by default when the page loads. Below is the code snippet: <md-radio-group ng-model="status" aria-label="filter" ng-model="status" name ...

Issue: Unable to locate the name 'ContactField' in Ionic 2

While attempting to use Ionic2 to save a contact, an error occurs when running the app through the command line. The cordova-plugin-contacts has been properly installed. Below is the code snippet: import { Component } from '@angular/core'; impo ...

NPM installer not found

After successfully installing nodeJS, I checked and confirmed its presence: $ node -v v14.17.0 However, upon attempting to run npm, it appears to be missing: $ npm -v bash: /home/smoczyna/.nvm/versions/node/v14.17.0/bin/npm: No such file or directory I ...

Rendertron always renders base routes as empty

I'm running into an issue while trying to use rendertron via an Apache proxy - all the base routes are showing up as "null." Could this be due to a configuration error on my part? Any help would be greatly appreciated. The Rendertron service is curre ...

Mastering the Art of Adding Headers in Angular

Here is the Angular service code: getCareer(dataout: any){ let headers = new HttpHeaders().append('Content-Type', 'application/json').append('Authorization','Bearer'+' '+GlobalService.authToken); //hea ...

Having trouble with your Angular CLI project after attempting to duplicate it by copy and paste?

As a newcomer to Angular, I've recently embarked on creating a new project using the Angular CLI. Everything was going well until I decided to upload my work to GIT. After copying and pasting the project folder contents into another directory, I encou ...

Assessing asynchronous HTTP function with Jamine: Exceeding time limit - No response received within 5000ms

ISSUE: Dealing with asynchronous functions returning Promises that rely on nested HTTP calls. USED TECHNOLOGIES: Angular 9, Jasmine 3.4.0 ERROR ENCOUNTERED: Error: Timeout - Async callback was not invoked within 5000ms (set by jasmine.DEFAULT_TIMEOUT_INT ...