Client side debugging

When I bring up index.html in the IDE and I hover on it anywhere in the page I see a list of browser icons. I select the icon that I recognize as "Chrome" and it brings up the page but the content is mostly blank. This is an angular app. If I select the Chrome Debuggin tools I see that I have an error in the console

Failed to load resource: the server responded with a status of 404 (Not Found)
angular.js:12314 Error: [$compile:tpload] Failed to load template: /app/products/productListView.html (HTTP status: 404 Not Found)

I know that app/products/productListView.html is there I think that I need to somehow configure the project so that it recognizes that /app is relative to where index.html is located. One of the reasons that I think this is that if I use the npm installed 'live-server' it sees the page and the subfolders just fine.

Ideas?

1 comment
Comment actions Permalink

Most probably your application is set up to be served from web server root (<base href="/"> is used, or paths in URLs start with slash).  But the built-in web server serves files from http://localhost:63342/<project name>. So attempts to resolve paths from root will result in 404 errors

-1

Please sign in to leave a comment.