Manifest.json not copied to dist

Question

My Angular project's purpose is to achieve "add to homescreen" mobile functionality. In that process I choose manifest/PWA methodology and I have created manifest.json in the root folder of project on the same level of index.html(root template), and added the manifest.json in the head section of root template (index.html) with following statement: . But upon "ng build" I see the manifest file not copied to the dist and as a result it's displays the following errors on clicking "add to homescreen" in "dev tools->application->manifest"

Angular is running in the development mode. Call enableProdMode() to enable the production mode. looking out for help!

**localhost/:1 GET http://localhost:4200/src/manifest.json 404 (Not Found)
manifest.json:1 Manifest: Line: 1, column: 1, Unexpected token.**

below is manifest file:

{
  "short_name": "Bus Express",
  "name": "BusEx",
  "start_url": "/",
  "background_color": "#ffffff",
  "display": "standalone",
  "scope": "/",
  "theme_color": "#fff",
  "icons": [
    {
      "src": "/assets/images/rateexpress128.png",
      "type": "image/png",
      "sizes": "128x128"
    },
    {
      "src": "/assets/images/rateexpress144.png",
      "type": "image/png",
      "sizes": "144x144"
    }
  ]
}

Answer 1

Files are not copied by default to the dist folder. You need to add them manually in the angular.json config file (if Angular version >= 6) in the assets option, see here for an example or in the .angular-cli.json config file (if Angular version < 6), see here for an example.