Questions tagged [angular-cli]

The Angular CLI is a command line interface for building, managing and deploying Angular (version 2+) applications.

1
vote
0answers
13 views

ng serve is not working after Angular 8 update

Error Could not find the implementation for builder @angular-devkit/build-angular:dev-server ng serve Could not find the implementation for builder @angular-devkit/build-angular:...
0
votes
0answers
19 views

How to pass attribute from angular.json file to typescript files

I am currently working on angular project, where I am able to switch between the environments by passing required parameter from the cli, where this environment configuration is made in angular.json ...
0
votes
0answers
26 views

Chrome takes way too long after compiling Angular (7) with node 12 using ng serve

We have quite a large Angular(7) application and every time I write some code and save it, the complication time is very fast BUT it takes forever for Chrome to load the page. I'm talking over a ...
0
votes
0answers
24 views

Angular cli template indentation

Its possible to use angular cli and create new components with lint fix, causing the components to have the correct indentation. However, the HTML file that is generated still uses the incorrect ...
0
votes
0answers
11 views

ng serve | -v | any command in ubuntu's terminal is not working, whereas in intellij's local terminal it is working

I updated angular cli version to version > 8.0, but then due to some problem I downgraded it back to version 6.2.9 . But now when I try to run any ng command ubuntu terminal would show --> You are ...
0
votes
1answer
6 views

ca.select(…).from is not a function after minification

In my Angular app I'm using squel.js and it works fine when used in development mode. However when I build my app for production and try to use it, I get the following error: ca.select(...).from ...
0
votes
1answer
36 views

(Angular 2+) How to get deploy-url after build?

I need to know the build time information(ng build --this_information or from angular.json), such as deploy_url or base_href at runtime. For base_href, I can read the href attribute of <base> ...
0
votes
0answers
14 views

How to load dynamic data in Multiple x-axis chart in ngx-admin

I’m setting up an angular project using ngx-admin, and want to show some dynamic data in 'Multiple x-axis chart'. Data on labels, x-axis & y-axis are the following:- Labels should be ModuleI,...
0
votes
0answers
21 views

How to create custom component annotation in angular avoiding the error Please add a @Pipe/@Directive/@Component annotation [duplicate]

I am trying to create a custom component annotation in angular 7/8, but every time I execute "ng serve" and open the application, I receive in the chrome dev console the error: Unexpected value 'xxx' ...
0
votes
1answer
19 views

production build removing share

I'm using RXjs 6.5.2, and using .share() to multicast the several of my data calls. It all works perfectly fine ng build --extract-css --watch, but when running with the prod switch ng build --...
0
votes
2answers
45 views

ng build --base-href=“/…/” --deploy-url=“/…/” css background image not working

"@angular/core": "~8.0.0", scaffold angular 8 project with scss style option i have code for as mentioned below in component scss file background: url("/assets/images/vector-icon.png") no-repeat ...
0
votes
1answer
137 views

Could not find the implementation for builder @angular-devkit/build-angular:dev-server on ng serve command

I tried to update the angular CLI following this, but now I can't run my app. When I try to run the command ng serve, it gives me this error: Could not find the implementation for builder @angular-...
0
votes
0answers
12 views

macOS: Karma reconnecting in X seconds… ng test stops watching for changes

In my Angular app using Angular CLI, I can successfully run the tests using ng test: however after some time the browser looses the connectivity and the console stops reacting on code changes: then ...
0
votes
0answers
12 views

Angular - How can I use folder paths as routes? (just like nuxt does)

Is there a way to use folder paths as routes for the angular router? Ideally Something like the following, where the location of the component in the directory refers to the route for the angular ...
-1
votes
0answers
23 views

How to access main application assets and components in Angular multiple application structure?

There is a complex application which has two multiple workspaces (aka monorepo) named app1 and app2, and there is also a main (aka Core app) application. How each of these applications (app1 & ...
0
votes
1answer
45 views

Bootstrap SCSS error after angular update

I have recently upgraded my project from angular version 7 to 8. But when I issue command npm start I am seeing a lot of warnings like the following related with Bootstrap. WARNING: You probably don'...
-1
votes
0answers
7 views

How to transpile specific node module from ES6 to ES5 in Angular7 CLI

I am getting error in IE11 SCRIPT1028: SCRIPT1028: Expected identifier, string or number As investigated and got to know particular node module design-system builds in es6 only which IE11 doesn't ...
0
votes
0answers
21 views

Angular 6.1 app breaking on ng serve from Angular CLI on Schema validation errors [duplicate]

I ran ng serve after running npm install to update my typescript from 2.7.2 to 3.1 and ran into this ugly thing of an error: Schema validation failed with the following errors: Data path ".builders[...
0
votes
0answers
13 views

How to disable or bypass MSAL authentication when running Angular e2e tests?

I want to set up some end to end tests for my Angular application, which requires the use of the MSAL library to authenticate with some downstream services. When I try to run my e2e tests locally, ...
0
votes
1answer
28 views

Is there a way to specify angular version with the ng new command

I am creating a new Angular project and would like all the Angular dependencies to be from the stable 7th version. However, it seems that while running the ng new app command the Angular always ...
0
votes
0answers
6 views

Is there analogue to cache-loader?

Can I configure cache-loader in angular.json? Like this: https://github.com/webpack-contrib/cache-loader I haven't tried anything just stackoverflow asked me to described what I tried no code ...
0
votes
1answer
27 views

Generate module with component and routing in Angular 8 (using angular cli command)

I have created new angular project using angular cli command ng new my-app Then, I wanted to create module named landing-page inside src/app directory, so i used command ng g m landing-page --routing=...
0
votes
1answer
17 views

angular/cli v.7 uninstall hangs out

I'm trying to uninstall globally the angular/cli using the following command but it doesn't seems to work. sudo npm uninstall -g @angular/cli It hangs out on / loadDep:upath: sill install ...
-1
votes
0answers
12 views

How to scaffold angular component and template files

I have up to 500 models classes and I would like to scaffold {model}.component.ts, {model}.component.css and {model}.component.html for each model. Components will create an html block for each model ...
2
votes
2answers
44 views

How to upgrade Angular from V6 to V7 when the latest version is V8?

Usually, I upgrade Angular to the latest version but I have an old app in v6 that I would like to upgrade first to V7 first (which is not the latest). The Angular documentation is not very clear: ...
0
votes
0answers
41 views

Angular CLI dist url is not working in browser

I have created an Angular project, dist folder is created successfully after run the command ng build --prod. After run the http-server ./dist Starting up http-server, serving ./dist Available on: ...
0
votes
2answers
82 views

Repository is not clean

Updating angular 7 to angular 8, I updated successfully upto angular/cli angular/core using the command $ ng update @angular/[email protected] @angular/[email protected] And i used angular material also, so i want to ...
0
votes
1answer
28 views

How to “Enable front-end code coverage in sonarqube” for a Angular project

This is my dahsboard from Bamboo related to Sonarqube: https://imgur.com/a/yOq6iGp The project build result page looks like this: https://imgur.com/Z126mr7 So, I want enable somehow test coverage in ...
2
votes
0answers
39 views

Is there a good CLI tool for developing, scaffolding and maintaining React applications?

Create React App seems to be the go-to choice for quickly getting a new, green-field React application off the ground. However, I would like to see a React CLI tool that can help the developer to ...
2
votes
0answers
60 views

Invalid rule result: Function()

I am updating angular 6 to angular 7, following the instructions as per the angular official site. During the update session: I entered the command to update the angular/cli and core for the v7 $ ng ...
0
votes
3answers
60 views

Angular ng serve is not hosting site on localhost

When I do ng serve so my CLI show this "Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/" error but when I open http://localhost:4200/ in my ...
-2
votes
0answers
16 views

How setup development environment for an older Angular project

I need to setup the development environment for an Angular 4.4 project. In package.json I have @angular/cli 1.4.3 so I have installed node v 6.9.0 then npm install -g @Angular/cli but it installs Cli ...
2
votes
1answer
111 views

How do I make Angular 8 compatible with IE11?

I upgraded to Angular 8 using ng update. It ran its migration scripts which (among other things) removed the es6/es7 imports in polyfills.ts. From what I read, Angular will create a special build for ...
-1
votes
0answers
9 views

Angular CLI generate (routing) component without selector

I can't seem to find the option to disable the selector during component generation. For routed components it's no longer required to add a selector (since angular 4.4) angular-cli however always ...
-2
votes
0answers
37 views

Why the object having the name of default?

Here I create the one json file in that json file am accessing into the one .ts file. In that file am printing the json object in console.log. It getting the json data. Module {default: {…} "We accept"...
0
votes
2answers
18 views

What is the order to use sap template?

.net core + angular template. if (env.IsDevelopment()) { spa.UseAngularCliServer(npmScript: "start"); spa.Options.StartupTimeout = TimeSpan.FromSeconds(600); } Or if (env....
0
votes
0answers
16 views

Compile string including angular components

So I'm trying to build an automatic, documentations tabs but without duplicating code. I basically want the example to both to be a string that I can show inside a block and I also want it to show ...
0
votes
0answers
29 views

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL

I am update the angular v6 to angular v8, after updating the angular version 8 the run the project, it's showing the error. core.js:5847 ERROR DOMException: Failed to execute 'open' on 'XMLHttpRequest'...
0
votes
0answers
69 views

Cannot run Angular-cli at node 10.16.0

Here is my computer information: node version 10.16.0 npm version 6.9.0 Environment Variables C:\Users\tran.sonhoang\AppData\Roaming\npm\node_modules\@angular\cli\bin My problem is when I run ng new ...
0
votes
0answers
25 views

Show Current time continously when video is playing in vimeo player

I using Vimeo player in angular 6 & want to show current time while the video is playing, & also show the modal pop up if the current time is 10sec on pausing video. getCurrentTime () I have ...
0
votes
0answers
35 views

nrwl-Nx and Cypress, verification timing out with failed --smoke-test in Windows 7

I'm trying to follow along with this tutorial on the NX website. The 2nd part has us setting up e2e testing with Cypress. I followed everything as said and even went as far as commenting out my code ...
1
vote
1answer
26 views

Powershell script not outputting ng build progress

When I run ng build on my Mac through the Terminal, I am able to see the progress of the modules building like so: However, when I run ng build via Powershell ISE, it doesn't show any output at all, ...
-1
votes
1answer
63 views

Uncaught TypeError: Cannot read property 'tb' of undefined

While am running the Application, I got the error in the declaration of constants.ts(assigning the json file data to the constant variables.) file. I declared some data in json file like object.json. ...
0
votes
0answers
44 views

Angular build optimizer - TypeError: this._createContainer is not a function

Compiling an Angular 7.2.5 application with --prod produces a strange run-time error. The stack-trace is ERROR TypeError: this._createContainer is not a function at bg.pa (Viewer.js.pre-build-...
-1
votes
0answers
3 views

When i try to install angularcli, it shows npm ERR! header is not a constructor ,a complete log of this run is found

npm ERR! Header is not a constructor npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\BavishyaEasySell\AppData\Roaming\npm-cache_logs\2019-06-11T17_43_58_363Z-debug.log
0
votes
1answer
38 views

Error when using “ng generate” or “ng add”

So i using angular version 8 in Termux Android ARM. This is the angular version information from Angular CLI: $ ng version _ _ ____ _ ___ / \ _ __ ...
1
vote
0answers
21 views

Change response with angular-cli proxy

I would like to change the server response in the proxy configuration of angular-cli. I tried to listen for response events or somehow access the payload but had not luck yet. Would like todo ...
1
vote
2answers
48 views

Differential loading script references in index.html different when running ng serve vs. ng build

After upgrading to Angular 8, ng build generates a proper index.html that supports differential loading however ng serve generates a different index.html that contains references to only some of the ...
2
votes
1answer
402 views

npm audit fix --force causes error: Data path “.builders['app-shell']” should have required property 'class'

I got this message after I installed a package: added 1 package from 8 contributors and audited 49729 packages in 23.754s found 25 vulnerabilities (1 low, 24 high) run `npm audit fix` to fix them, ...
0
votes
0answers
51 views

new Worker() will only be bundled if passed a String

I'm trying out web workers to run a time-consuming data analysis script in my Angular 8 app, but I'm having some trouble bundling the worker. I'm looking for help to figure out what I'm missing. I ...