Questions tagged [angular-cli]
The Angular Command Line Interface (CLI) is a powerful tool that allows developers to efficiently create, control, and launch cutting-edge Angular applications (version 2 or higher).
I am currently using Angular-CLI to develop a straightforward style guide application. Unfortunately, I have encountered some issues when including preformatted HTML markup that contains HTML entities: Uncaught Error: Template parse errors: Unknown entit ...
ng new MY_PROJECT cd MY_PROJECT ng serve I'm curious if there is a way to generate the starter project using systemjs/jspm instead of webpack with Angular. If not, could you please provide detailed steps on how to do this? ...
Every time I try to update my Angular CLI and NPM, I get stuck in a cycle of errors. After updating, I receive WARN messages instructing me to install peer dependencies (listed below). However, when I try to install these dependencies, more WARN messages a ...
I have a project using Angular 4. I recently updated my Angular CLI version: Angular CLI: 6.1.5 Node: 10.9.0 OS: win32 x64 Now I'm wondering how to run ng serve for my Angular 4 project? However, I noticed that the file angular.json is missing in Angul ...
I encountered an issue while attempting to create a new Angular application using angular-cli. The problem arises during the npm package installation process. When I try to initiate the creation of a new Angular application with angular-cli and proceed to ...
My Angular application utilizes squel.js and functions correctly in development mode. However, upon building the app for production and attempting to use it, I encounter the following error message: ca.select(...).from is not a function This error ref ...
When running the command ng build, it exports files to the dist folder like this: index.html main.bundle.js styles.bundle.js ... I would like the scripts to be in a subfolder: *index.html scripts/main.bundle.js scripts/styles.bundle.js ...* ...
My current version of node js is 8.9.2 and I encountered an issue while trying to install Angular CLI. When running this command: npm -g install @angular/cli I received npm errors that stopped the installation process. Here's the error message show ...
I am facing an issue with my Angular2 app when building it for production using Angular CLI and WebPack. In order to deploy the app to our production server (IIS), I need to copy certain files to the dist folder. Specifically, I require the web.config and ...
In my development of an Angular 6 application that I plan to distribute to multiple clients, there is a need for customization specific to each client while also maintaining common elements. My vision is to organize the directory structure as follows: /s ...
What's the deal here? I uninstalled angular-cli globally on my laptop by running npm uninstall -g angular-cli, and now it's gone. But on my desktop, I can still use ng --version even after removing angular-cli globally. Any idea what's ha ...
For those of us using angular-cli, starting from version 1.4, they made the decision to create separate directories not just for components (which is understandable) but also for services that only consist of 2 files: the service file and the test file. ...
While attempting to develop a new application with angular CLI, I continuously encounter the "invalid configuration" error. This same error pops up when executing the ng --version command. $ ng new angular_organicstore An invalid configuration file was fo ...
I am looking to integrate the app created using angular-cli with Sails.js. My background is in PHP, so I am new to both of these frameworks. What are the steps involved in setting them up together? How can I execute commands like ng serve and/or sails li ...
There are two components in my project that share a common service. shared.service.ts // ..... skipping top level codes private pickAnalysisForBubble = new Subject<any>(); analysisForBubble$ = this.pickAnalysisForBubble.asObservable(); mapTo ...
Recently, I reinstalled node.js, npm, and angular-cli on my Windows 10 PC. However, after installing angular-cli using the command npm install -g @angular/cli, I encountered an issue. Despite having node.js version 8.1.2 and npm version 5.0.3, whenever I t ...
I was working on a project which wasn't set up using the 'ng new' command, but rather I followed the steps outlined in the quickstart guide. However, whenever I try to use an angular CLI command like 'ng generate', I keep getting t ...
In my various Angular2 projects, I am faced with the challenge of working with different versions of angular-cli. This means that in order to run and compile each project for production, I need to ensure that the correct version of angular-cli is being use ...
My goal is to import a module from the node modules. This particular node module contains routes that I need to access. Here's what I want to achieve: I aim to configure my app.module to incorporate loadChildren from the module within my node modules. Th ...
After upgrading my Angular project from version 8 to 10, I encountered an error during compilation. The specific error message is as follows: ERROR in node_modules/ngx-loading/lib/ngx-loading.module.d.ts:4:55 - error TS2314: Generic type 'ModuleWithProvide ...
Struggling to set up angular on WSL2, with node version 17.3.1 and npm version 8.3.0 already installed. Received an error when trying the command npm install -g @angular/cli: npm ERR! code 127 npm ERR! path /root/.nvm/versions/node/v17.3.1/lib/node_module ...
Recently purchased a template that incorporates Angular. I diligently followed all the initial setup steps, but encountered an issue with live reloading once I started making changes to the project. It is also worth noting that the project utilizes Webpa ...
During development (ng serve), I have specific assets like images and styles that I use. These assets are not needed in the production build as they are provided by a CDN. My requirements are: When using ng serve, I want to serve files from the folder . ...
I recently completed building an Angular 4 app using angular-cli version 1.0.4 and generated the production build with the command ng build --prod. However, I encountered a problem as the expected dist folder was not created after executing this command. ...
When working with Angular 2, I was able to include stylesheets directly in the index.html like so: <link rel="stylesheet" href="css/mycss.css"> However, with Angular 4, the styles need to be added to the angular-cli.json file within the styles and ...
Encountering obstacles while trying to integrate the universal CLI into an existing Angular 2 application by following the guidelines provided in this link: During the initial command to install angular-universal: npm install body-parser angular2-univers ...
Attempting to run my friend's project on my machine with the angular-cli led me to discover that the dependencies in the package.json were outdated. In an effort to update them, I used the following commands: npm i -g npm-check-updates npm-check-upda ...
Issues arose following the update to Angular-Cli V10.1.0. The main difficulties I faced: The ng command was malfunctioning. It became apparent that essential dependencies were missing: npm WARN @angular/<a href="/cdn-cgi/l/email-prote ...
I'm stuck trying to figure out where I went wrong. Initially, I had trouble getting NPM to install Angular as it kept timing out and throwing errors. Eventually, I managed to successfully install Angular after installing Yarn. However, now the Angular CLI ...
@angular/cli has a dependency on node-gyp, which is evident from the following: npm ls node-gyp <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="16776666653b7477757d7970707f7573562738263826">[email protected]</a> /h ...
Recently, I started diving into Angular and encountered an issue using PowerShell in Windows. Every time I run an angular command like: ng new new-app or ng serve I keep getting this error message: ng : File C:\Users\< username >\ ...
Currently working on two different projects: Main angular 2 project which is launched using the cli/ng serve and runs on localhost:4200. Also working on Reveal.js, started using npm start and runs on localhost:8000 I'm interested in a way to streamline ...
https://i.stack.imgur.com/2ic0N.png I'm currently using version 6.0.8 of Angular, but when I try to add Angular/PWA to my project, I encounter an error. The command prompt shows my Angular CLI version as 6.0.8, however, in my bash command it displays vers ...
Issue: I'm experiencing a problem in my Angular 5+ app project. When I try to generate a new component in one of my subfolders using the command ng g c my-component, nothing is being generated. Instead, I am encountering some unknown errors. I have a ...
I need help incorporating @angular/fire into my Angular 12 project for deployment on Firebase. After using the CLI to add @angular/fire, I ran the following command: ng add @angular/fire The output displayed was as follows: ℹ Using package manager: npm ...
When running ng serve in Windows, it doesn't recognize the --port option. However, I found that it works if I use npm run ng serve --port portnumber and it always defaults to 4200: oml005@W7-2UA532159M MINGW64 /d/COT-TF/cot-web/cot-web (master) ng serv ...
The Angular 2 animation guide mentions the Web Animations API polyfill, which is recommended for browsers that do not support the native animations. What is the correct method to incorporate this polyfill into an Angular 2 project created with Angular CLI ...
Is there a way to utilize an ES6 transpiler such as Babel instead of TypeScript in an Angular CLI project? Are there any specific flags for specifying the script language, similar to using --style? Thank you. ...
While using angular version 8 in Termux Android ARM, I encountered an issue when trying to add the PWA and service worker to my website project. Here is the information about the angular version obtained from Angular CLI: $ ng version _ ...
I need assistance with optimizing my codebase in Angular 2 using angular-cli. When I run the command "ng build --prod", I encounter an error that is preventing the output of the dist folder. This error claims that there is a duplicate identifier in one of ...
While running an ng serve on my angular cli build, I am attempting to use a .ca domain as the host in order to address CORS and cookie issues during development. Interestingly, when using a .com domain, everything functions smoothly: Functioning with .com ...
I recently installed Angular CLI version 6 and created a new project following these steps: npm install -g @angular/cli@^6.0.0 ng new my-app cd my-app npm install npm build However, I encountered an error during the build process with the following messa ...
I'm looking for a solution to set up a proxy in an AngularCLI/Webpack environment. The main goal is to forward requests from http://localhost:4200/rest to https://someserver.com/somepath/rest. One challenge is that the endpoint is using HTTPS instead of H ...
As a newcomer to Angular, I recently installed a sample app using angular-cli and noticed the presence of both package.json and package-lock.json files. The package-lock.json file contains specific dependencies, while the package.json file includes other i ...
I found an interesting angular project that has been published on GitHub at https://github.com/pluralsight-projects/Angular-AlbumStoreProductPage. So, I decided to fork it and create a clone on my local machine which runs on Windows 10. The instructions ...
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a4d1d7c1d6cdcad0c1d6c2c5c7c1e4948a948a94">[email protected]< ...
When navigating through my routes, I encountered an issue with the following routing setup: const routes: Routes = [ { path: '', component : HomeComponent, children: [] }, { path: 'login', children: [ ...
Encountered an interesting issue while trying to integrate the 'webpack-notifier' plugin into a new Angular 7 application. The goal was to have balloon notifications for build failures when running 'ng build --watch' in the console. TL;DR; When using 'ng ...
Currently, I am working through a heroes tutorial and have made progress with the code so far. You can view the code <a href="https://plnkr.co/edit/YHzyzm6ZXt4ESr76mNuB?preview" rel="nofollow noreferrer">here</a>. My next goal is to implement ...
I have been trying to set up a new Angular project using Angular CLI version 13.3.10. However, every time I create a new project, it ends up being in version 13.3.11. Prior to creating this project, I followed the steps of running npm uninstall -g @angula ...
Two projects I've created using angular-cli are working perfectly fine. However, in one of them, the routeConfig is showing as null and I can't figure out what's causing this issue. Both projects have identical package.json files, so there shouldn't be an ...
I started a project using angular cli. My intention is to incorporate scss into the project. In the terminal of WebStorm, I entered : ng set defaults.styleExt scss I proceeded by renaming all the .css files to .scss and adjusted the imports accordingly ...
I have multiple libraries that are dependent on the webpack library. Currently, I am using version 4.79.1, but when I run `npm install` I receive the following warning: [email protected] requires a peer of webpack@^2.0.0 || ^3.0.0 but none is in ...
We have a project in the works that involves creating a large application using angular 2. This project consists of one main parent angular 2 application and three separate sub-child applications that are unrelated to each other. Each of these sub-child ...
It appears that I have successfully installed version 9 as per the usual installation process. npm install -g @angular/cli npm WARN deprecated <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9abbca8acbcaaad99ebf7e1e1f7eb"> ...
Encountering an issue in Angular6 where I am receiving the error message Please add a @Pipe/@Directive/@Component annotation Using angular CLI version: 6.1.4 angular version: 6.1.3 Node: 10.9.0 NPM: 6.2.0 After running ng serve in Terminal, the applicati ...
Encountering an error trying to install angular cli despite updating both node and npm. https://i.stack.imgur.com/SpkNU.jpg ...
I recently came across a library with a slider range feature in AngularJS called Ion.RangeSlider. There is also a wrapper created for Angular 2 to make it compatible: ng2-ion-range-slider Currently, I am using webpack instead of Angular-CLI. Although I ...
After installing the html2canvas package in my Angular library project, I encountered an error when compiling in production mode using the command ng build --prod. The specific error message is as follows: ERROR: Dependency @types/html2canvas must be exp ...
It appears that the 'ng' program is not currently installed on this system. To install it, you can use the following command: sudo apt install ng-common I encountered no errors during the installation process. How should I go about resolving this issue? ...
I have just completed transitioning my project to use an angular workspace and now I am looking to deploy my demo application using angular-gh-pages. The repository link is https://github.com/Gillardo/ngx-bootstrap-datetime-popup In my package.json, I hav ...
Currently, I am in the process of developing a new application using Angular 2 (version 2.0.0) and angular-cli (version 1.0.0-beta.14). In order to integrate Ace editor into my project, I have utilized an Angular 2 directive as per the guidelines provided ...
I recently encountered issues with Angular-CLI, so I decided to update it using the command $ npm install -g @angular/cli. However, after doing so, I am facing a new error message. Can anyone provide assistance with this problem? module.js:549 throw err ...
Struggling to implement the tutorial in Angular2. The challenge lies in making navigator.mediaDevices.getUserMedia function properly. The error message indicates that mediaDevices is not recognized on type 'navigator'. Refer to the media capture and strea ...
Recently updated the project to Angular 9.1 and now encountering multiple warnings from the CLI regarding various libraries, such as these: Warning: The entry point '@azure/msal-angular' includes deep imports into 'node_modules/msal/lib-commonjs/utils/Url ...
I recently installed Windows and am attempting to use ng-packagr for the first time. Encountering the following error: Error: Cannot locate module '@angular/compiler-cli/src/perform_compile' at Function.Module._resolveFilename (module.js:547:15) ...
I need to install a specific version of Angular, specifically 8.3.19. To do so, I executed the command npm install -g @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5f3c33361f67716c716e66">[email protected]< ...
My issue has been simplified: <div *ngIf="layout1" class="layout1"> <div class="sidebar-layout1"> some items </div> <child-component [something]="sth"></child-component> </div> <div *ngIf="!layout1" class= ...
The error message 'ng' is not recognized as an internal or external command, operable program or batch file, appears when attempting to run ng serve. Despite running npm audit fix --force, the error persists. Running ng serve results in the above error be ...
Is it necessary to explicitly export and import all classes intended for use by other classes? After upgrading my project from Angular 8 to Angular 10, I encountered errors that were not present before. These issues may be attributed to poor design or a m ...
Is it possible to simultaneously run ng build --watch and gulp watch:ng in the same console? Below is the task code: gulp.task('watch:ng', function () { gulp.watch('ng/dist/ng/*', gulp.series('copy-ng')); }); I am looking ...
While trying to create a new component using Angular CLI with the command ng g c navbar, I encountered an unusual error message: core_1.PriorityQueue is not a constructor TypeError: core_1.PriorityQueue is not a constructor at new TaskScheduler (/h ...
I recently created a fresh Angular application using the CLI. For my stylesheet, I opted for SCSS. Upon running the application with ng serve, everything was running smoothly. However, when I added some styles to the stylesheet, such as: body { backgr ...
I'm facing an issue while trying to add the necessary types for "mongoose-paginate" in my Angular 4 project setup with "angular-cli". The problem arises when Webpack throws an error. import {PaginateResult} from "mongoose"; ... getAll(page: number): Obs ...
I am facing an issue where anyone can access my website's assets using URLs like http://localhost:4200/assets/filename.pdf, even when the user is not logged in. How can I secure these assets by implementing a canActivate guard? An ideal solution would loo ...