Angular CLI creates new project with empty index.html

Question

I am using the Angular CLI to create a new project using the following command

ng new AngularProject

This command creates a folder with my newly created project. I now go to the /src folder to see all the files. But when I open index.html, nothing happens? I just see an empty page. I am aware that you can use ng build to create the /dist folder with the build files or ng serve to run the project with a webserver. But I just want to use all the files from the /src folder without changing the structure of this folder.

How can I get my index.html in the /src folder to work without building or serving?

You can't. Angular is used to create web apps. Web apps are served from a web server. Not from the file system. The index.html in the src folder is a source file, meant to be transformed by the build. — JB Nizet
– JB Nizet, Commented Sep 30, 2017 at 7:12

DeborahK · Accepted Answer · 2017-09-30 07:12:22Z

2

Short answer ... you can't. An Angular application cannot be executed in development mode by opening the index.html file.

The ng build command transpiles the code from TypeScript to JavaScript, bundles the code, and updates the index.html file with the defined bundles.

These files can be deployed to a Web server, which will then serve the index.html file appropriately.

answered Sep 30, 2017 at 7:12

DeborahK

60.9k12 gold badges115 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular CLI creates new project with empty index.html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related