{"id":4825,"date":"2017-04-27T18:11:42","date_gmt":"2017-04-27T18:11:42","guid":{"rendered":"http:\/\/putridparrot.com\/blog\/?p=4825"},"modified":"2023-12-05T15:42:34","modified_gmt":"2023-12-05T15:42:34","slug":"cannot-get-in-angular","status":"publish","type":"post","link":"https:\/\/putridparrot.com\/blog\/cannot-get-in-angular\/","title":{"rendered":"Cannot GET \/ in Angular"},"content":{"rendered":"

I was playing with the quick start tutorial from Angular’s setup page<\/a> on their web site. <\/p>\n

Using the file\/folder layout on their THE HERO EDITOR<\/a> I removed all folders\/files not listed in their diagram. <\/p>\n

For completeness I’ll duplicate the information here<\/p>\n

angular-tour-of-heroes
\n|—src
\n|—|—app
\n|—|—|—app.component.ts
\n|—|—|—app.module.ts
\n|—|—index.html
\n|—|—main.ts
\n|—|—styles.css
\n|—|—systemjs.config.js
\n|—|—tsconfig.json
\n|—node_modules …
\n|—package.json<\/p>\n

I then ran npm start<\/em> from the command prompt in the root angular-tour-of-heroes and up pops the browser with Cannot GET \/<\/strong>, looking at the output from npm I could see index.html was not found by npm.<\/p>\n

I also noticed npm couldn’t find a file bs-config.json, so I located that from the quick start and placed it in the root angular-tour-of-heroes folder and all worked correctly, no more 404.<\/p>\n

Here’s why, the bs-confog.json gives the baseDir of the “website”, here’s the file context<\/p>\n

\r\n{\r\n  "server": {\r\n    "baseDir": "src",\r\n    "routes": {\r\n      "\/node_modules": "node_modules"\r\n    }\r\n  }\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
I was playing with the quick start tutorial from Angular’s setup page on their web site. Using the file\/folder layout on their THE HERO EDITOR I removed all folders\/files not listed in their diagram. For completeness I’ll duplicate the information here angular-tour-of-heroes |—src |—|—app |—|—|—app.component.ts |—|—|—app.module.ts |—|—index.html |—|—main.ts |—|—styles.css |—|—systemjs.config.js |—|—tsconfig.json |—node_modules … |—package.json I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[170,169],"tags":[],"class_list":["post-4825","post","type-post","status-publish","format-standard","hentry","category-angular","category-node-js"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/4825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/comments?post=4825"}],"version-history":[{"count":5,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/4825\/revisions"}],"predecessor-version":[{"id":10278,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/4825\/revisions\/10278"}],"wp:attachment":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/media?parent=4825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/categories?post=4825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/tags?post=4825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}