- #Angular cli webstorm run index.html loading install#
- #Angular cli webstorm run index.html loading download#
- #Angular cli webstorm run index.html loading windows#
>I even tried it with a clean install of both nodejs and webstorm with the same issue once the bundle is created and server started, create a new javaScript Debug run configuration with URL, press Debug => application is successfully loaded: in NPM tool window, click 'start' to start 'ng serve' cli command once project is created and dependencies installed, right-click package.json, choose 'Show npm scripts' create a new project using File | New | Project | Angular CLI I just tried the following (using the most recent angular-cli and WebStorm 2016.2.4) It's angular-cli that does it, WebStorm just runs the corresponding command.ĭid you try creating angular app though angular-cli in terminal ( ng init -name=prj_name)? WebStorm itself doesn't create a project. > I'm pretty sure there is something messed up with the project that WebStorm created with angular-cli
#Angular cli webstorm run index.html loading windows#
I running the Windows version of WS for what it's worth.
I even tried it with a clean install of both nodejs and webstorm with the same issue. Hmm, I wonder why neither option works for me. I'm new enough to angular that I can't readily and easily debug the problem I did get the Chrome extension and that all seems to be working OK but the generated app still doesn't run. > - compile the app using built-in compiler (make sure to enable 'use tsconfig.json'), then right-click your index.html anf press Debug - it will start the application on built-in webserver I get the same result, just "Loading." I'm pretty sure there is something messed up with the project that WebStorm created with angular-cli > - follow the tutorial instructions/readme: compile and run the simple node.js server using npm start Again, one of the selling points of using an IDE I hit the Run or Debug button in the tool bar.
This question is about an IDE and the projects it generates. Perhaps you missed my comment mentioning I had already run through the tutorials and poured over all the docs for quite some time. as you are new to Angular2, just start with Angular2 Quickstart. No, it doesn't but I'm accustomed to JetBrains products at least providing a working on to help accelerate development which is one of the selling points for using an IDE in the first place. > WebStorm itself doesn't force you to use this or that project skeleton, generator, etc. compile the app using built-in compiler (make sure to enable 'use tsconfig.json'), then right-click your index.html anf press Debug - it will start the application on built-in webserverīoth options work fine for me, application is successfully loaded (can be done from NPM toolwindow) then create the JavaScript Debug run configuration, specify as URL and hit Debug to start your application on the`lite-server`. follow the tutorial instructions/readme: compile and run the simple node.js server using npm start What way do you use to run it? You have 2 options here: >However, when I start the app or debug it, chrome opens and just says "Loading." but as I understand it, I should be seeing the startup projects module/component interpreted template which says "app works!"
#Angular cli webstorm run index.html loading download#
You can create a new empty Static Web project in WebStorm and start populating it with your stuff following the steps in tutorial, or download the project stub from and open project folder in WebStorm using File | Open. If you’re new to Angular 2, we suggest you to go through the Angular 2 Quickstart first.Īs you are new to Angular2, just start with Angular2 Quickstart. See also the disclaimer in : Disclaimer: This blog post is not intended as a tutorial for getting started with Angular 2. WebStorm itself doesn't force you to use this or that project skeleton, generator, etc. I can make a project work doing it from scratch using their guide with a regular text editor and a terminal so I must be missing something about the starter project WS creates.
0 kommentar(er)
