I've been working on an angular6 application and I need to create a build to test it on my server. Currently, when I use ng server, the application runs without any errors in my browser.
c:\Users\emiry\Desktop\Angular\Projects\StartingNewProject
After running the ng build command, the build is generated in the /dist folder without any errors.
On my local machine, I have Wamp64 installed, so I take the build generated by ng and place it in my www folder:
C:\wamp64\www\StartingNewProject
Would this setup be sufficient for me to run the application on the server?
However, when I try to access the application on the server through http:// localhost/startingnewproject/, I encounter the following error in the browser console:
Failed to load resource: the server responded with a status of 404 (Not Found) polyfills.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) styles.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) vendor.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) main.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
// Remaining content omitted for brevity
}
package.json
{
"name": "starting-new-project",
// Remaining content omitted for brevity
}
I attempted to access the site using the following paths:
file:///C:/wamp64/www/StartingNewProject/index.html
5index.html:13 GET file:///C:/runtime.js 0 () /C:/favicon.ico:1 GET file:///C:/favicon.ico 0 () translate.google.com/gen204?nca=te_li&client=te_lib&logld=vTE_20180625_00:1 GET file://translate.google.com/gen204?nca=te_li&client=te_lib&logld=vTE_20180625_00 0 ()
file:///C:/wamp64/www/StartingNewProject/index.html
GET file:///C:/runtime.js 0 () /C:/favicon.ico:1 GET file:///C:/favicon.ico 0 ()
While I can easily access the root directory to view folders and files, the problem arises specifically when loading the index.html file.