Mean-cli configuration issue - angularjs

I am new to mean based app development .I am following the here to configure the app i have installed all the prerequisites as mentioned in the link but getting error while executing the working on windows 7
npm install -g mean-cli
Error

I have installed and updated the Visual Studio C++ template which got the issue fixed

Related

Several problems after Angular v11 to v12 upgrade

When I upgraded my Angular app from 11 to 12, I encountered the following issues:
The development section of file angular.json disappeared
Visual Studio Code breakpoints would no longer be hit
Production warning from ng serve
How can I fix this?
Here is what happened: the Angular website has an upgrade helper that assists developers with determining the given upgrade steps for their combination of versions and libraries. It's missing a step. It’s rather simple what happened:
Visual Studio Code is unable to debug with breakpoints, because the upgrade forced my app into a production-only configuration. The upgrade scripts removed my development section from my angular.json file.
Run the following to complete the missed step:
ng update #angular/cli --migrate-only --from=11.2.0

Error: $compile:tplrt: Cannot render page after compiling AngularJS with WebStorm on Windows

I am currently pretty lost where to start searching for the error that I am facing. The same AngularJS project that my colleagues have been working on for quite a while on Macs cannot be compiled correctly on my Windows machine. No idea if windows and mac has anything to do with the error but just in case I am adding this information.
I've checked out the project with SourceTree and opend it with WebStorm.
First npm install then gulp dev in the terminal of WebStorm and my angularJs-project is beeing compiled without any errors. When then the browser windows with //localhost is beeing opened, the page shows shortly the loading anymation and then stays blank.
In the attached screenshot you can see the output of the console. Any ideas?
AngularJS Version: 1.7.2
NPM Version: 5.6.0
Gulp:
CLI version 3.9.1
Local version 3.9.1
What could make the difference that the project is running perfectly on other machines but not on mine?
[Edit]:
I have now reanimated my old macbook, checked out the exact same project with source tree, installed webstorm, ran npm install, then doing this to set up gulp and then running gulp dev: The App runs just fine.
On my Windows Laptop I've started all over, deinstalled WebStorm, deinstalled node.js and did the whole set up as described above. Only difference that I need to install node.js manually on Windows to use npm.... same error as described before.

Unable to create Angular project Eclipse + WebClipse Angular IDE

I am new to Angular and after I've installed Eclipse Oxygen.1 Release (4.7.1) and the WebClipse Angular IDE.
When I try to create a new Angular Project using the Wizard the terminal shows a Error.
"Directory drivers\etc does not exists; exiting
If directory name is garbage you need to update your msys package"
My npm --version is 3.10.10
My ng --version is
angular-cli: 1.0.0-beta.28.3
node: 6.11.3
os: win32 x64
I have not found anything online about this error and I'm stucked in this situation.
Edit 1.
Can't add a third screenshot with the error because my current reputation is too low, odd thing.
Edit 2.
Using the Angular Eclipse plugin I have a similar issue. It gives me the error
The 'C:/Users/Admin/AppData/Roaming/npm/ng.cmd' is not a ng file.
The New Angular Project menu
The packages to be installed

How do I run an Angular.js page without using Visual Studio?

My friend developed a basic Registration page using Angular.js and bootstrap in Visual studio. He sent me the 'log' folder which contains all the dependencies and files related to the project.
I don't have visual studio and want to work on the project without the use of visual studio.
When I try to Open up the 'index.html' page, its showing everything except the registration form itself.
How do I run the page without using Visual Studio?
You don't need Visual studio to run an Angular app. It's all Javascript and you can run it locally. What I suspect is that your code requires a local server running. If I am correct, then your question is really, how do I get a localserver running?
It's been answered before here: How to create a localhost server to run an AngularJS project
Long and short, install node.
Then
Install: npm install -g http-server
Then
run http-server -o
Check console for errors. Check if angular and other files are loaded.

Visual Studio 2013 protractor intellisense

First of all, I am very beginner in using node.js / angualar.js /protractor.js and jasmine.js stuff and I am not from web dev corner at all.
But for now, I just want to create some protractor test for an angular app and this is actually working quite fine. But I am wondering if it's possible to get VS2013 intellisense working?
I would really appreciate if VS would suggest functions of objects like 'browser.xxx'.
I am really stuck with that, looking forward for some hints!
thx Florian
Ill just give an answer to myself! To get Visual Studio 2013 intellisense and debugging working for angular protractor tests, follow these steps:
Install node.js
Install protractor (global) („npm install -g protractor“; „webdriver-manager update“)
Install Visual Studio 2013 node.js Tools
Install Visual Studio 2013 TypeScript Tools
Create a new project „Typescript\Node.js\Blank Node.js Console Application“
Add your „conf.ts“ and „spec.ts“ files to the project
Right click on „conf.ts“ and select „Set as node.js startup file“
In „Project properties“ set your „Node.exe path“ to your protractor executeable file, eg. „C:\Users\myUser\AppData\Roaming\npm\protractor.cmd“
Download typescript DefinitelyTyped definitions from git hub:
https://github.com/borisyankov/DefinitelyTyped
In your VS2013 project folder „Scripts\Typing“ create the subfolders „jasmine“, „protractor“ and „selenium-webdriver“
Add the typing definition files "angular-protractor\angular-protractor.d.ts", "jasmine\jasmine.d.ts" and "selenium-webdriver\selenium-webdriver.d.ts" into the appropriate project folders you created in the step above.
Write your protractor test and enjoy code highlighting
Start webdriver-manger „webdriver-manager start“
Hit „F5“ to start debugging
Enjoy!
Florian

Resources