LogoLogo
  • Introduction
  • Backend
    • Creating a MongoDB Database
    • Environment Variables
    • Configuring the Mailing Service
    • Seeding the Database
    • Starting the Backend
  • Frontend
    • Starting the Frontend
  • Book Module Tutorial
    • Introduction
    • Backend
      • Create Model
      • Create Service
      • Create Route
      • Test using Postman
    • Frontend
      • Introduction
      • File Structure
      • Defining Concepts
      • Display App in Dashboard
      • Create Module
      • Create Book List Component
      • Create Main Component
      • Create Service
      • Display Book List
      • Add a Book
        • Update Service
        • Create Component
        • Final Code Review
      • Delete a Book
        • Update Service
        • Update Component
        • Final Code Review
      • Conclusion
  • Resources
  • Beginner
  • Advanced
  • Recommended Extensions for Visual Studio Code
  • Troubleshooting
    • Troubleshooting
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Frontend

Starting the Frontend

PreviousStarting the BackendNextIntroduction

Last updated 4 years ago

Was this helpful?

First, install the dependencies using npm i command.

~/CS321_TA/smuportal-frontend (master)
npm i

Once that is finished, you can start the frontend using ng serve and you should get the following output

-/CS321_TA/smuportal-frontend (master)
$ ng serve
10% building 3/3 modules 0 activei ï½¢wdsï½£: Project is running at http://localhost:4200/webpack-dev-server/
i ï½¢wdsï½£: webpack output is served from /   
i ï½¢wdsï½£: 404s will fallback to //index.html

chunk {logistics-reservation-logistics-reservation-module} logistics-reservation-logistics-reservation-module.js, logistics-reservation-logistics-reservation-module.js.map (logistics-reservation-logistics-reservation-module) 41.5 kB  [rendered]
chunk {main} main.js, main.js.map (main) 272 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 268 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 9.07 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 401 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 6.13 MB [initial] [rendered]
Date: 2020-11-02T17:17:02.730Z - Hash: a3526aeabca7584994f9 - Time: 12504ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
i ï½¢wdmï½£: Compiled successfully.

If for some reason you got a different output, you can open an .

Happy coding 🎉!

issue